import Icon from "@ant-design/icons";
import type { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
import { theme } from "antd";

/**
 * 黑暗模式图标
 */
const DarkModeSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M0 0m512 0l0 0q512 0 512 512l0 0q0 512-512 512l0 0q-512 0-512-512l0 0q0-512 512-512Z"
			fill="#B96EE7"
			p-id="1436"
		></path>
		<path
			d="M512 192c176.725333 0 320 143.274667 320 320 0 176.725333-143.274667 320-320 320a319.573333 319.573333 0 0 1-258.752-131.690667A280.96 280.96 0 0 0 298.666667 704c153.173333 0 277.333333-124.16 277.333333-277.333333 0-95.445333-48.213333-179.626667-121.6-229.504A323.050667 323.050667 0 0 1 512 192z"
			fill="#FFFFFF"
			p-id="1437"
		></path>
	</svg>
);

export const DarkModeIcon = (props: IconComponentProps) => (
	<Icon component={DarkModeSVG} {...props} />
);

/**
 * 语言图标
 * @returns
 */
const LanguageSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M23.029134 358.403805c5.119816-16.062169 10.96243-31.742861 17.407376-47.10231a511.861163 511.861163 0 0 1 47.10231-87.016799q14.817351-19.415146 29.192991-37.886641a511.981629 511.981629 0 0 1 866.794937 126.489579q9.757768 23.029134 17.407375 45.556326a511.981629 511.981629 0 1 1-977.784522 0z"
			fill="#9AB3FF"
			p-id="3333"
		></path>
		<path
			d="M511.780852 40.192164a474.918175 474.918175 0 0 0-200.576332 44.773295 468.151986 468.151986 0 0 0-163.171557 126.489579c-8.432639 10.821886-17.547919 22.667736-27.847785 36.13988a472.569082 472.569082 0 0 0-42.725369 79.146337c-6.163857 14.696884-11.363984 28.711127-15.88147 42.805679l-0.220854 0.682642A471.143565 471.143565 0 0 0 40.155422 511.837672v0.140544a471.826207 471.826207 0 0 0 566.191448 462.329449h0.321244a467.911053 467.911053 0 0 0 129.9831-46.178735 471.545119 471.545119 0 0 0 108.419639-81.053719A468.633851 468.633851 0 0 0 983.807836 512.11876v-0.281088a471.143565 471.143565 0 0 0-21.061519-140.985686 643.771723 643.771723 0 0 0-16.22279-42.384048A471.946673 471.946673 0 0 0 511.780852 40.192164m0-40.155422a512.102095 512.102095 0 0 1 471.725818 312.810737q9.757768 23.029134 17.407376 45.556326a511.981629 511.981629 0 1 1-977.784523 0c5.119816-16.062169 10.96243-31.742861 17.407375-47.10231a511.861163 511.861163 0 0 1 47.001922-87.016799q14.817351-19.415146 29.192991-37.886641A511.981629 511.981629 0 0 1 511.780852 0.036742z"
			fill="#262B3A"
			p-id="3334"
		></path>
		<path
			d="M860.550768 624.935417a82.117838 82.117838 0 0 0-52.824457-75.833514q-17.226676-7.930696-35.336771-14.094553a96.212391 96.212391 0 0 1-52.643758-35.356849q-3.493522-4.216319-6.926811-8.512949c-20.519421-26.000636-35.376927-44.692985-84.346463-32.485737-96.473401 24.133409-102.195549 41.92226-104.002543 71.416418l-0.200777 4.778495c-2.690413 43.046612-2.610102 57.462409 16.805044 74.488308 72.440381 63.847121 116.450723 110.60811 131.247996 138.897604 7.067354 13.813465-34.332886 106.592567 19.334836 99.725991s135.323772-95.027806 155.080239-131.790095a127.834786 127.834786 0 0 0 13.813465-91.233119z"
			fill="#FFFFFF"
			p-id="3335"
		></path>
		<path
			d="M648.369519 455.158294l3.493522 39.9948a90.349699 90.349699 0 0 0-13.652843 2.449481c-58.124973 14.536263-70.452688 24.133409-72.781703 26.623044a52.021349 52.021349 0 0 0-0.883419 7.990929l-0.240932 5.119817a183.048491 183.048491 0 0 0-0.1807 38.288194 18.06994 18.06994 0 0 0 3.413211 3.473444c102.79788 90.650865 129.300458 129.300458 140.3432 150.522599v0.200777a81.354885 81.354885 0 0 1 0.702719 55.514871c-0.803108 3.915154-1.907383 9.496757-2.89119 15.238983a252.577604 252.577604 0 0 0 48.728604-36.822522 328.471351 328.471351 0 0 0 56.799845-66.698156 86.856178 86.856178 0 0 0 9.496757-65.312794l-0.240933-2.931345a43.126923 43.126923 0 0 0-29.594545-43.187157 348.64945 348.64945 0 0 0-31.662551-12.669035l-0.200777-0.140544a134.219498 134.219498 0 0 1-70.271988-47.664486 665.214719 665.214719 0 0 1-7.288209-8.974737l-0.140544-0.200777a106.813422 106.813422 0 0 0-17.166443-18.993514c-1.325129-0.903497-3.77461-2.569947-12.287559-1.806994l-3.493522-40.014878m0 0c33.610088-2.931346 47.021999 13.873698 64.449452 35.939102q3.413211 4.29663 6.926811 8.533027a96.212391 96.212391 0 0 0 52.643758 35.376927q17.989629 6.183935 35.336771 14.114631a82.117838 82.117838 0 0 1 52.824457 75.853592 127.834786 127.834786 0 0 1-13.813465 91.233118c-19.756468 36.762289-101.412518 124.923517-155.080239 131.790095s-12.247404-85.932603-19.334836-99.72599c-14.696884-28.32965-58.827693-75.090639-131.268074-138.917682-19.395069-17.025899-19.47538-31.441695-16.825121-74.488308l0.240932-4.798573c1.806994-29.514235 7.529142-47.283009 104.002543-71.416418a129.380769 129.380769 0 0 1 19.897011-3.493521z"
			fill="#262B3A"
			p-id="3336"
		></path>
		<path
			d="M529.770481 113.857286c-129.862634-0.120466-274.221376 70.87432-343.870955 146.8283s37.36462 85.229883 37.36462 109.54399a127.172221 127.172221 0 0 0 6.123701 50.495443c8.392483 17.929396 44.632751 25.639237 76.656701 32.365271 11.544684 2.36917 23.270067 4.818651 34.132108 7.870462 29.494157 8.131473 58.707227 83.864599 112.093861 51.981194s-33.5097-142.893069-23.450767-170.279067c15.921625-43.126923 65.453338-39.894412 101.753839-37.62563a219.489536 219.489536 0 0 0 35.87887 0.622409c36.13988-4.55764 47.423553-59.851656 55.294016-70.613309 17.066054-23.370456 124.481808-49.933267 101.492828-80.310844s-126.750589-41.018763-193.368434-40.95853z"
			fill="#396AFC"
			p-id="3337"
		></path>
		<path
			d="M529.449237 154.012707a450.744611 450.744611 0 0 0-177.968829 41.460473 426.028948 426.028948 0 0 0-135.986337 92.357471 75.612659 75.612659 0 0 0-11.805694 15.801158 153.393712 153.393712 0 0 0 17.025899 10.982508c17.005821 10.038855 42.705291 24.956595 42.705291 55.635337a207.121666 207.121666 0 0 0 1.345207 30.016178 279.702591 279.702591 0 0 0 49.431324 13.532377c12.62888 2.590025 24.936517 5.180049 36.762289 8.533027a111.852928 111.852928 0 0 1 48.969537 35.637937 169.556269 169.556269 0 0 0 19.977323 19.013593 16.423568 16.423568 0 0 0 6.705955 3.613987 8.713727 8.713727 0 0 0 2.89119-0.983807 67.722119 67.722119 0 0 0-3.754532-20.519421 424.96483 424.96483 0 0 0-17.728618-45.094539c-14.636651-33.569933-26.101024-60.072511-16.945588-85.209805 15.921625-43.147001 53.466944-65.011628 111.591917-65.031706 10.741575 0 20.981208 0.642487 30.116566 1.204663l1.626295 0.100389c7.89054 0.501943 15.339371 0.983808 21.262296 0.983807 2.349092 0 4.015542 0 5.099738-0.160621a30.999986 30.999986 0 0 0 6.665801-8.673571 175.077639 175.077639 0 0 0 10.460487-22.788202 103.400211 103.400211 0 0 1 11.464373-23.06929 159.537491 159.537491 0 0 1 61.056319-40.356199l8.031084-3.874998a335.719405 335.719405 0 0 0-27.064754-5.400905 659.010706 659.010706 0 0 0-100.388555-7.709841h-1.445595m0.96373-40.155421c66.637923 0 169.817279 10.761653 192.746025 40.95853s-84.426774 56.880155-101.492829 80.310844c-7.870463 10.761653-19.073825 66.055669-55.294016 70.613309a219.469458 219.469458 0 0 1-35.878869-0.622409c-36.320579-2.268781-85.832214-5.521371-101.753839 37.62563-10.038855 27.385998 76.817322 138.395661 23.450766 170.279067s-82.599703-43.829643-112.09386-51.981194a453.073625 453.073625 0 0 0-34.132108-7.870463c-32.124337-6.746111-68.264217-14.435874-76.656701-32.36527a127.172221 127.172221 0 0 1-6.123702-50.495443c0-24.334186-107.014199-33.610088-37.36462-109.543991s213.767388-146.8283 343.549712-146.8283z"
			fill="#262B3A"
			p-id="3338"
		></path>
	</svg>
);

export const LanguageIcon = (props: IconComponentProps) => (
	<Icon component={LanguageSVG} {...props} />
);

const ScreenshotSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M219.411692 804.588308V9.137231A9.137231 9.137231 0 0 0 210.313846 0H146.274462a9.137231 9.137231 0 0 0-9.137231 9.137231v128H9.137231A9.137231 9.137231 0 0 0 0 146.274462V210.313846c0 5.041231 4.096 9.137231 9.137231 9.137231h128V850.313846c0 20.204308 16.384 36.588308 36.588307 36.588308h630.86277v128c0 5.041231 4.096 9.137231 9.13723 9.137231h64a9.137231 9.137231 0 0 0 9.137231-9.137231v-128h128a9.137231 9.137231 0 0 0 9.137231-9.137231V813.686154a9.137231 9.137231 0 0 0-9.137231-9.137231H219.372308z"
			p-id="17187"
		></path>
		<path
			d="M804.588308 731.411692h82.274461V173.725538a36.588308 36.588308 0 0 0-36.588307-36.588307H292.627692v82.313846h512v512z"
			fill="var(--snow-shot-purple-color)"
			p-id="17188"
		></path>
	</svg>
);

export const ScreenshotIcon = (props: IconComponentProps) => (
	<Icon component={ScreenshotSVG} {...props} />
);

const ArrowMoveSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1021.504 531.776c-1.6-3.904-3.968-7.424-6.912-10.368l-128-128c-12.48-12.48-32.768-12.48-45.248 0-12.48 12.48-12.48 32.768 0 45.248L914.752 512 576 512 576 173.248l73.344 73.344c12.48 12.48 32.768 12.48 45.248 0 12.48-12.48 12.48-32.768 0-45.248l-128-128C566.528 73.28 566.336 73.216 566.272 73.152 563.392 70.336 560 68.032 556.224 66.496 552.32 64.832 548.16 64 544 64 543.936 64 543.936 64 543.872 64 539.776 64 535.68 64.896 531.776 66.496 528 68.032 524.608 70.336 521.728 73.152 521.6 73.216 521.472 73.28 521.344 73.344l-128 128c-12.48 12.48-12.48 32.768 0 45.248 12.48 12.48 32.768 12.48 45.248 0L512 173.248 512 512 173.248 512l73.344-73.344c12.48-12.48 12.48-32.768 0-45.248-12.48-12.48-32.768-12.48-45.248 0l-128 128C73.28 521.472 73.216 521.664 73.152 521.728 70.336 524.608 68.032 528 66.496 531.776 64.832 535.68 64 539.84 64 544c0 0.064 0 0.064 0 0.128C64 548.224 64.896 552.32 66.496 556.224c1.536 3.776 3.84 7.168 6.656 10.048C73.216 566.4 73.28 566.528 73.344 566.656l128 128c12.48 12.48 32.768 12.48 45.248 0 12.48-12.48 12.48-32.768 0-45.248L173.248 576 512 576l0 338.752-73.344-73.344c-12.48-12.48-32.768-12.48-45.248 0-12.48 12.48-12.48 32.768 0 45.248l128 128c2.944 2.944 6.464 5.312 10.368 6.912C535.68 1023.104 539.776 1024 543.872 1024c0.064 0 0.064 0 0.128 0 4.16 0 8.32-0.832 12.224-2.496 3.904-1.6 7.424-3.968 10.368-6.912l128-128c12.48-12.48 12.48-32.768 0-45.248-12.48-12.48-32.768-12.48-45.248 0L576 914.752 576 576l338.752 0-73.344 73.344c-12.48 12.48-12.48 32.768 0 45.248 12.48 12.48 32.768 12.48 45.248 0l128-128c2.944-2.944 5.312-6.464 6.912-10.368C1023.104 552.32 1024 548.224 1024 544.128c0-0.064 0-0.064 0-0.128C1024 539.84 1023.168 535.68 1021.504 531.776z"
			p-id="5186"
		></path>
	</svg>
);

export const ArrowMoveIcon = (props: IconComponentProps) => (
	<Icon component={ArrowMoveSvg} {...props} />
);

const PenSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M819.2 102.4h-56.53504c-18.76992 0-45.0048 10.87488-58.2656 24.13568l-51.2 51.2L629.07392 153.6c-26.5728-26.53184-70.00064-26.53184-96.57344 0L266.99776 419.10272a34.16064 34.16064 0 0 0 0 48.27136l12.07296 12.07296 289.62816-289.6384 36.22912 36.23936-362.02496 362.02496-0.03072-0.03072-92.17024 92.23168c-26.5728 26.5216-48.30208 78.97088-48.27136 116.50048L102.4 921.6h124.8256c37.49888 0 89.96864-21.72928 116.50048-48.26112l92.24192-92.20096 461.49632-461.49632C910.72512 306.37056 921.6 280.13568 921.6 261.36576V204.8L819.2 102.4zM295.46496 825.06752c-13.74208 13.73184-48.80384 28.30336-68.23936 28.30336l-56.53504-0.03072V796.7744c-0.03072-19.42528 14.49984-54.46656 28.27264-68.22912l43.9296-43.93984 96.53248 96.54272-43.96032 43.91936z m92.23168-92.20096l-96.53248-96.53248 362.02496-362.0352 96.57344 96.57344-362.06592 361.99424z m410.33728-410.2656l-96.5632-96.60416 72.3968-72.3968 96.60416 96.60416-72.43776 72.3968z"
			p-id="2756"
		></path>
	</svg>
);

export const PenIcon = (props: IconComponentProps) => (
	<Icon component={PenSVG} {...props} />
);

const ArrowSelectSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M213.333333 234.666667V298.666667a42.666667 42.666667 0 0 1-85.333333 0V234.666667A106.666667 106.666667 0 0 1 234.666667 128H298.666667a42.666667 42.666667 0 0 1 0 85.333333H234.666667a21.333333 21.333333 0 0 0-21.333334 21.333334zM213.333333 789.333333a21.333333 21.333333 0 0 0 21.333334 21.333334H298.666667a42.666667 42.666667 0 1 1 0 85.333333H234.666667A106.666667 106.666667 0 0 1 128 789.333333V725.333333a42.666667 42.666667 0 1 1 85.333333 0zM725.333333 213.333333a42.666667 42.666667 0 1 1 0-85.333333h64A106.666667 106.666667 0 0 1 896 234.666667V298.666667a42.666667 42.666667 0 1 1-85.333333 0V234.666667a21.333333 21.333333 0 0 0-21.333334-21.333334zM469.333333 128l85.333334 0.042667a42.666667 42.666667 0 1 1 0 85.333333L469.333333 213.333333a42.666667 42.666667 0 1 1 0-85.333333zM213.333333 469.333333v85.333334a42.666667 42.666667 0 1 1-85.333333 0v-85.333334a42.666667 42.666667 0 1 1 85.333333 0zM782.549333 865.92l83.2-83.626667 30.250667 30.08-30.165333 30.165334-113.92-113.92a42.666667 42.666667 0 0 1 0.469333-60.8l96-93.013334 29.696 30.634667-13.482667 40.490667-408.746666-136.106667L469.333333 469.333333l40.490667-13.482666 136.106667 408.32-40.490667 13.482666-30.634667-29.696 93.013334-96a42.666667 42.666667 0 0 1 60.8-0.469333l114.346666 114.346667-30.165333 30.165333z m60.501334 60.16a42.666667 42.666667 0 0 1-60.416 0.085333l-114.346667-114.346666 30.165333-30.165334 30.634667 29.696-93.013333 96a42.666667 42.666667 0 0 1-71.125334-16.213333l-136.106666-408.32a42.666667 42.666667 0 0 1 53.973333-53.973333l408.746667 136.106666a42.666667 42.666667 0 0 1 16.213333 71.125334l-96 93.013333-29.696-30.634667 30.165333-30.165333 113.92 113.92a42.666667 42.666667 0 0 1 0.085334 60.245333z"
			p-id="15993"
		></path>
	</svg>
);

export const ArrowSelectIcon = (props: IconComponentProps) => (
	<Icon component={ArrowSelectSVG} {...props} />
);

const CircleRectSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M992.005004 1024H352.104589a31.995021 31.995021 0 0 1-31.995021-31.995021v-289.586933A351.945229 351.945229 0 1 1 702.418071 320.109543H992.005004a31.995021 31.995021 0 0 1 31.995021 31.995021v639.900415a31.995021 31.995021 0 0 1-31.995021 31.995021zM384.099609 638.172044A288.339127 288.339127 0 0 0 638.172069 384.099585H384.099609v254.072459zM352.104589 64.149377a287.955187 287.955187 0 0 0-31.995021 574.022667V352.104564a31.995021 31.995021 0 0 1 31.995021-31.995021h286.06748A288.275137 288.275137 0 0 0 352.104589 64.149377z m607.905394 319.950208h-257.591912A352.297174 352.297174 0 0 1 384.099609 702.418046V960.009958h575.910374V384.099585z"
			p-id="15179"
		></path>
	</svg>
);

export const CircleRectIcon = (props: IconComponentProps) => (
	<Icon component={CircleRectSVG} {...props} />
);

const CircleSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 960c247.42 0 448-200.58 448-448S759.42 64 512 64 64 264.58 64 512s200.58 448 448 448z m0-76c-205.45 0-372-166.55-372-372s166.55-372 372-372 372 166.55 372 372-166.55 372-372 372z"
			p-id="16136"
		></path>
	</svg>
);

export const CircleIcon = (props: IconComponentProps) => (
	<Icon component={CircleSvg} {...props} />
);

const RectSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M141.074286 906.496h741.851428c89.581714 0 134.582857-44.562286 134.582857-132.845714V250.331429c0-88.283429-45.001143-132.845714-134.582857-132.845715H141.074286C51.931429 117.504 6.491429 161.645714 6.491429 250.331429V773.668571c0 88.704 45.44 132.845714 134.582857 132.845715z m1.28-68.992c-42.861714 0-66.852571-22.710857-66.852572-67.291429V253.805714c0-44.580571 23.990857-67.291429 66.852572-67.291428h739.291428c42.422857 0 66.852571 22.710857 66.852572 67.291428V770.194286c0 44.580571-24.429714 67.291429-66.852572 67.291428z"
			p-id="17981"
		></path>
	</svg>
);

export const RectIcon = (props: IconComponentProps) => (
	<Icon component={RectSvg} {...props} />
);

const LockWidthHeightSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path d="M738.688 64.192c-51.072-2.432-100.608 17.728-138.24 55.36L505.344 214.848c-39.424 36.8-59.84 86.656-57.152 137.856a32 32 0 1 0 63.872-3.2c-1.728-33.024 9.984-62.784 36.864-87.936a34.368 34.368 0 0 0 0.768-0.768l96-96c26.368-26.304 56.96-38.272 89.856-36.736 32.96 1.6 69.44 17.28 104.896 52.736 35.52 35.52 51.84 72.704 53.632 105.792 1.792 33.088-9.792 63.04-36.736 88.256a34.304 34.304 0 0 0-0.896 0.704l-96 96c-26.368 26.368-56.128 38.656-89.408 38.656a32 32 0 1 0 0 64c49.984 0 97.6-20.352 134.656-57.408l95.232-95.232a175.872 175.872 0 0 0 57.152-138.496c-2.816-51.392-27.904-103.04-72.384-147.52-44.544-44.48-95.936-68.928-147.008-71.36z m-69.12 254.656a32 32 0 0 0-22.016 9.6l-320 320a32 32 0 1 0 45.248 45.248l320-320a32 32 0 0 0-23.232-54.848z m-315.52 129.344a175.552 175.552 0 0 0-139.2 56.96L119.552 600.512c-37.632 37.632-57.792 87.04-55.36 138.112 2.432 51.072 26.88 102.592 71.36 147.136 44.544 44.48 96.256 69.44 147.648 72.256a175.488 175.488 0 0 0 138.368-56.96l95.232-95.296c37.056-37.056 57.408-84.672 57.408-134.656a32 32 0 1 0-64 0c0 33.28-12.288 63.04-38.656 89.408l-96 96a25.024 25.024 0 0 0-0.704 0.768c-25.28 26.944-55.04 38.656-88.128 36.864-33.088-1.792-70.4-18.112-105.92-53.632-35.456-35.456-51.008-71.936-52.608-104.896-1.536-32.896 10.24-63.488 36.608-89.856l96-96a33.024 33.024 0 0 0 0.768-0.768c25.344-27.136 55.424-38.848 88.768-36.864a32 32 0 1 0 3.712-63.872z"></path>
	</svg>
);

export const LockWidthHeightIcon = (props: IconComponentProps) => (
	<Icon component={LockWidthHeightSVG} {...props} />
);

const FillSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M173.2 18.8C148.2-6.2 107.8-6.2 82.8 18.8s-25 65.6 0 90.6l162.6 162.6-184.2 184.2c-75 75-75 196.6 0 271.6l235 235c75 75 196.6 75 271.6 0l380.8-381c56.2-56.2 56.2-147.4 0-203.6L645.8 75.4c-56.2-56.2-147.4-56.2-203.6 0l-106.2 106L173.2 18.8zM336 362.6l98.8 98.8c25 25 65.6 25 90.6 0s25-65.6 0-90.6L426.6 272l106.2-106.2c6.2-6.2 16.4-6.2 22.6 0l302.8 302.8c6.2 6.2 6.2 16.4 0 22.6L773.4 576H135c2.8-10.8 8.4-20.8 16.8-29.2l184.2-184.2z"
			p-id="32608"
		></path>
	</svg>
);

const LockAngleSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M286.656 516.8a331.52 331.52 0 0 1 206.976 131.968 328.576 328.576 0 0 1 57.792 238.72l-390.656-1.216 125.888-369.472z m354.752 370.88a417.024 417.024 0 0 0-74.816-290.88 421.184 421.184 0 0 0-250.752-165.568L428.288 101.12 319.232 64 0 1001.024l989.824 3.008 0.384-115.264-348.8-1.088z"
			p-id="1496"
		></path>
	</svg>
);

export const LockAngleIcon = (props: IconComponentProps) => (
	<Icon component={LockAngleSVG} {...props} />
);

export const FillIcon = (props: IconComponentProps) => (
	<Icon component={FillSVG} {...props} />
);

const RadiusSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M656 200h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8z m58 624h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM192 650h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m696-696h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m0 174h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m-348 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m-174 0h-56c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z m174-696H358c-127 0-230 103-230 230v182c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V358c0-87.3 70.7-158 158-158h182c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
			p-id="37917"
		></path>
	</svg>
);

export const RadiusIcon = (props: IconComponentProps) => (
	<Icon component={RadiusSVG} {...props} />
);

const MosaicSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M847.127273 954.181818H176.872727c-69.818182 0-130.327273-55.854545-130.327272-130.327273V195.490909c0-69.818182 55.854545-130.327273 130.327272-130.327273h674.909091c69.818182 0 130.327273 55.854545 130.327273 130.327273v628.363636c-4.654545 74.472727-60.509091 130.327273-134.981818 130.327273zM176.872727 139.636364c-32.581818 0-60.509091 27.927273-60.509091 55.854545v628.363636c0 32.581818 27.927273 55.854545 55.854546 55.854546h674.909091c32.581818 0 55.854545-27.927273 55.854545-55.854546V195.490909c0-32.581818-27.927273-55.854545-55.854545-55.854545H176.872727z"
			p-id="1520"
		></path>
		<path
			d="M232.727273 232.727273h139.636363v139.636363H232.727273zM372.363636 372.363636h139.636364v139.636364H372.363636zM512 232.727273h139.636364v139.636363h-139.636364zM651.636364 372.363636h139.636363v139.636364h-139.636363z"
			p-id="1521"
		></path>
		<path
			d="M232.727273 512h139.636363v139.636364H232.727273zM372.363636 651.636364h139.636364v139.636363H372.363636zM512 512h139.636364v139.636364h-139.636364zM651.636364 651.636364h139.636363v139.636363h-139.636363z"
			p-id="1522"
		></path>
	</svg>
);

export const MosaicIcon = (props: IconComponentProps) => (
	<Icon component={MosaicSVG} {...props} />
);

const BlurSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M134.4 593.066667C133.12 348.586667 366.08 145.066667 466.346667 68.693333a75.52 75.52 0 0 1 91.306666 0c100.266667 77.653333 333.226667 283.733333 331.946667 524.8 0 207.786667-169.386667 377.173333-377.6 377.173334-208.213333 0-377.6-169.386667-377.6-377.6z m370.773333-473.173334C433.066667 174.933333 197.546667 371.626667 198.826667 593.066667c0 173.226667 140.8 313.6 313.6 313.6s313.6-140.373333 313.6-313.173334c1.28-218.453333-234.666667-417.706667-307.2-473.6a12.373333 12.373333 0 0 0-6.826667-2.56c-2.133333 0-4.693333 0.853333-6.826667 2.56z"
			p-id="5056"
		></path>
		<path
			d="M480 938.666667V85.333333c0-17.493333 14.506667-32 32-32s32 14.506667 32 32v853.333334c0 17.493333-14.506667 32-32 32s-32-14.506667-32-32z"
			p-id="5057"
		></path>
		<path
			d="M482.986667 823.04a31.744 31.744 0 0 1 14.933333-42.666667l328.533333-159.573333c15.786667-7.68 34.986667-0.853333 42.666667 14.933333 7.68 15.786667 1.28 34.986667-14.933333 42.666667l-328.533334 159.573333c-4.266667 1.706667-8.96 2.986667-13.653333 2.986667-11.946667 0-23.466667-6.826667-29.013333-17.92zM482.986667 609.706667a31.744 31.744 0 0 1 14.933333-42.666667l314.453333-152.746667c15.786667-7.68 34.986667-1.28 42.666667 14.933334 7.68 16.213333 1.28 34.986667-14.933333 42.666666l-314.453334 152.746667c-4.266667 1.706667-8.96 2.986667-13.653333 2.986667-11.946667 0-23.466667-6.826667-29.013333-17.92zM482.986667 396.373333a31.744 31.744 0 0 1 14.933333-42.666666l214.613333-104.106667c15.786667-7.68 34.986667-0.853333 42.666667 14.933333 7.68 15.786667 1.28 34.986667-14.933333 42.666667l-214.613334 104.106667c-4.266667 1.706667-8.96 2.986667-13.653333 2.986666-11.946667 0-23.466667-6.826667-29.013333-17.92z"
			p-id="5058"
		></path>
	</svg>
);

export const BlurIcon = (props: IconComponentProps) => (
	<Icon component={BlurSVG} {...props} />
);

const DrawRectSvg = () => (
	<svg
		viewBox="0 0 1168 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1092.613972 829.466683v-635.314555a93.327708 93.327708 0 1 0-118.104976-118.104976H194.469785a93.327708 93.327708 0 1 0-118.104975 118.104976v635.314555a93.327708 93.327708 0 1 0 118.104975 118.104976h780.039211a93.327708 93.327708 0 1 0 118.104976-118.104976zM1062.944782 62.959672a43.074327 43.074327 0 1 1-43.074327 43.074327 43.074327 43.074327 0 0 1 43.074327-43.074327z m-999.98511 43.074327a43.074327 43.074327 0 1 1 43.074327 43.074327 43.074327 43.074327 0 0 1-43.074327-43.074327z m43.074327 855.006329a43.074327 43.074327 0 1 1 43.074327-43.074327 43.074327 43.074327 0 0 1-43.074327 43.074327z m868.474997-72.679986H194.469785a93.708897 93.708897 0 0 0-58.830127-58.830127v-635.314555a93.708897 93.708897 0 0 0 58.830127-58.830128h780.039211a93.708897 93.708897 0 0 0 58.830128 58.830128v635.314555a93.708897 93.708897 0 0 0-58.830128 58.830127z m88.435786 72.679986a43.074327 43.074327 0 1 1 43.074327-43.074327 43.074327 43.074327 0 0 1-43.074327 43.074327z"
			p-id="9101"
		></path>
	</svg>
);

export const DrawRectIcon = (props: IconComponentProps) => (
	<Icon component={DrawRectSvg} {...props} />
);

const TextSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M341.333333 213.333333h128v597.333334H341.333333v85.333333h341.333334v-85.333333h-128V213.333333h128V128H341.333333v85.333333zM85.333333 298.666667a42.666667 42.666667 0 0 0-42.666666 42.666666v341.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h256v-85.333333H128V384h213.333333V298.666667H85.333333z m597.333334 85.333333h213.333333v256h-213.333333v85.333333h256a42.666667 42.666667 0 0 0 42.666666-42.666666V341.333333a42.666667 42.666667 0 0 0-42.666666-42.666666h-256v85.333333z"
			p-id="7194"
		></path>
	</svg>
);

export const TextIcon = (props: IconComponentProps) => (
	<Icon component={TextSVG} {...props} />
);

const ArrowSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1021.074286 351.085714V0H672.914286l132.827428 132.827429-557.056 557.641142A169.106286 169.106286 0 0 0 175.542857 672.914286a175.542857 175.542857 0 1 0 175.542857 175.542857 175.542857 175.542857 0 0 0-16.969143-74.898286l557.056-557.056z"
			p-id="2588"
		></path>
	</svg>
);

export const ArrowIcon = (props: IconComponentProps) => (
	<Icon component={ArrowSVG} {...props} />
);

const EraserSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M978.817649 939.233112H522.995705l476.613823-476.613823c12.795002-12.795002 20.791878-33.58688 20.791878-55.978133s-7.996876-38.385006-20.791878-55.978134L673.336978 22.791097c-30.38813-30.38813-76.770012-30.38813-107.158142 0L84.766888 504.203046c-110.356892 110.356892-110.356892 294.285045 0 404.641936l30.38813 30.38813c55.978134 55.978134 127.95002 84.766888 204.720031 84.766888h662.141351c25.590004 0 43.183132-17.593128 43.183131-43.183132s-20.791878-41.583756-46.381882-41.583756z m-361.458805-847.668879l315.076923 315.076923-366.256931 366.256931-315.076923-315.076923L617.358844 91.564233zM143.943772 849.668098c-76.770012-76.770012-76.770012-204.720031 0-284.688793l46.381882-46.381882L507.001952 832.074971l-46.381882 46.381882c-38.385006 38.385006-89.565014 59.176884-140.745021 59.176884-55.978134 0-107.158141-20.791878-145.543147-59.176884L143.943772 849.668098z"
			p-id="2312"
		></path>
	</svg>
);

export const EraserIcon = (props: IconComponentProps) => (
	<Icon component={EraserSVG} {...props} />
);

export const DrawArrowSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M959.7 511.9c-8.7-3.7-213.7-91.8-309.1-151.6l49.2 117.5H64v68.5h635.8l-49.2 117.3c94.6-59.3 297-146.4 308.8-151.5l0.5-0.1s-0.1 0-0.2-0.1h0.2-0.2z"
			p-id="18110"
		></path>
	</svg>
);

export const DrawArrowIcon = (props: IconComponentProps) => (
	<Icon component={DrawArrowSVG} {...props} />
);

export const DrawLineSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M904 476H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
			p-id="19068"
		></path>
	</svg>
);

export const DrawLineIcon = (props: IconComponentProps) => (
	<Icon component={DrawLineSVG} {...props} />
);

export const KeyboardSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M42.666667 277.248A106.666667 106.666667 0 0 1 149.482667 170.666667h725.034666C933.44 170.666667 981.333333 218.496 981.333333 277.248v469.504A106.666667 106.666667 0 0 1 874.517333 853.333333H149.482667C90.56 853.333333 42.666667 805.504 42.666667 746.752V277.248z m85.333333 0v469.504c0 11.584 9.664 21.248 21.482667 21.248h725.034666A21.333333 21.333333 0 0 0 896 746.752V277.248c0-11.584-9.664-21.248-21.482667-21.248H149.482667A21.333333 21.333333 0 0 0 128 277.248zM384 682.666667a42.666667 42.666667 0 1 1 0-85.333334h256a42.666667 42.666667 0 1 1 0 85.333334H384z m-128 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m192-128a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m128 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m128 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m64 128a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-448-128a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m64-128a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m128 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m128 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m-384 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z m512 0a42.666667 42.666667 0 1 1 0-85.333334 42.666667 42.666667 0 0 1 0 85.333334z"
			p-id="2598"
		></path>
	</svg>
);

export const KeyboardIcon = (props: IconComponentProps) => (
	<Icon component={KeyboardSVG} {...props} />
);

export const KeyboardGrayIcon = (props: IconComponentProps) => {
	const { token } = theme.useToken();
	return (
		<div className="keyboard-icon-wrap">
			<Icon component={KeyboardSVG} {...props} />
			<style jsx>{`
                .keyboard-icon-wrap {
                    opacity: 0.42;
                    transition: opacity ${token.motionDurationMid} ${token.motionEaseInOut};
                }

                :global(.ant-btn):hover .keyboard-icon-wrap {
                    opacity: 1;
                }
            `}</style>
		</div>
	);
};

export const ResetSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 950.86c-210.65 0-386.92-149.21-429.35-347.43H190.9L74.61 486.4 8.78 420.57C2.92 449.83 0 480.55 0 512s2.92 62.17 8.78 91.43C51.2 842.6 260.39 1024 512 1024c208.46 0 386.92-123.61 466.65-302.08l-55.59-55.59C860.16 832.37 699.98 950.86 512 950.86zM1015.22 420.57C972.8 181.39 763.61 0 512 0 303.54 0 125.08 123.61 45.35 302.08l55.59 56.32C163.11 192.37 324.02 73.14 512 73.14c210.65 0 386.92 149.21 429.35 347.43H833.1l116.29 116.29 65.83 65.83c5.85-29.26 8.78-59.25 8.78-90.7s-2.92-62.16-8.78-91.42z"
			p-id="4270"
		></path>
	</svg>
);

export const ResetIcon = (props: IconComponentProps) => (
	<Icon component={ResetSvg} {...props} />
);

export const MouseSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M755.2 197.7c-28.5-44.8-68.7-80.9-116.3-104.3-34.4-16.9-74.4-14.9-106.9 5.4s-52 55.3-52 93.6v69.1c-37.2 13.2-64 48.8-64 90.5v32H288v-32c0-91.8 55-173.3 140-207.7 16.4-6.6 24.3-25.3 17.7-41.7S420.4 78.3 404 84.9c-52.6 21.3-97.4 57.3-129.6 104.2-33 48.1-50.4 104.4-50.4 162.9v320c0 76.9 30 149.3 84.4 203.6C362.7 930 435.1 960 512 960c76.9 0 149.3-30 203.6-84.4C770 821.3 800 748.9 800 672V352c0-54.9-15.5-108.2-44.8-154.3z m-189.4-44.6c13.9-8.6 30.2-9.5 44.9-2.2C688 188.8 736 265.9 736 352v32H608v-32c0-41.7-26.8-77.3-64-90.5v-69.1c0-16.4 7.9-30.7 21.8-39.3zM480 352c0-17.6 14.4-32 32-32s32 14.4 32 32v58.2c0 17.6-14.4 32-32 32s-32-14.4-32-32V352z m32 544c-123.5 0-224-100.5-224-224V448h129.5c2.1 0 4.1-0.2 6.1-0.6 14.6 34.5 48.7 58.8 88.5 58.8 39.5 0 73.5-24 88.2-58.2H736v224c0 123.5-100.5 224-224 224z"
			p-id="2931"
		></path>
	</svg>
);

export const MouseIcon = (props: IconComponentProps) => (
	<Icon component={MouseSvg} {...props} />
);

const StraightLineSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M810.666667 42.666667c-93.866667 0-170.666667 76.8-170.666667 170.666666 0 29.866667 8.533333 59.733333 25.6 85.333334L298.666667 665.6c-25.6-17.066667-55.466667-25.6-85.333334-25.6-93.866667 0-170.666667 76.8-170.666666 170.666667s76.8 170.666667 170.666666 170.666666 170.666667-76.8 170.666667-170.666666c0-29.866667-8.533333-59.733333-25.6-85.333334L725.333333 358.4c25.6 17.066667 55.466667 25.6 85.333334 25.6 93.866667 0 170.666667-76.8 170.666666-170.666667s-76.8-170.666667-170.666666-170.666666zM213.333333 896c-46.933333 0-85.333333-38.4-85.333333-85.333333s38.4-85.333333 85.333333-85.333334 85.333333 38.4 85.333334 85.333334-38.4 85.333333-85.333334 85.333333zM810.666667 298.666667c-46.933333 0-85.333333-38.4-85.333334-85.333334s38.4-85.333333 85.333334-85.333333 85.333333 38.4 85.333333 85.333333-38.4 85.333333-85.333333 85.333334z"
			p-id="2629"
		></path>
	</svg>
);

export const StraightLineIcon = (props: IconComponentProps) => (
	<Icon component={StraightLineSVG} {...props} />
);

const DiamondSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 967.111111c-22.755556 0-45.511111-8.533333-59.733333-25.6l-369.777778-369.777778c-34.133333-34.133333-34.133333-88.177778 0-122.311111l369.777778-369.777778c34.133333-34.133333 88.177778-34.133333 122.311111 0l369.777778 369.777778c17.066667 17.066667 25.6 36.977778 25.6 59.733334s-8.533333 45.511111-25.6 59.733333l-369.777778 369.777778c-17.066667 19.911111-39.822222 28.444444-62.577778 28.444444z m0-824.888889L142.222222 512l369.777778 369.777778 369.777778-369.777778L512 142.222222z"
			p-id="7391"
		></path>
	</svg>
);

export const DiamondIcon = (props: IconComponentProps) => (
	<Icon component={DiamondSVG} {...props} />
);

const LineSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M226.4576 722.7904l485.12-485.12 72.3968 72.3968-485.12 485.12z"
			p-id="13421"
		></path>
		<path
			d="M783.36 240.64m-102.4 0a102.4 102.4 0 1 0 204.8 0 102.4 102.4 0 1 0-204.8 0Z"
			p-id="13422"
		></path>
		<path
			d="M240.64 783.36m-102.4 0a102.4 102.4 0 1 0 204.8 0 102.4 102.4 0 1 0-204.8 0Z"
			p-id="13423"
		></path>
	</svg>
);

export const LineIcon = (props: IconComponentProps) => (
	<Icon component={LineSVG} {...props} />
);

const SaveSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M323 154H212c-15.464 0-28 12.536-28 28v660c0 15.464 12.536 28 28 28h32V655.255a68 68 0 0 1 19.917-48.083l51.255-51.255A68 68 0 0 1 363.255 536h297.49a68 68 0 0 1 48.083 19.917l51.255 51.255A68 68 0 0 1 780 655.255V870h32c15.464 0 28-12.536 28-28V355.51a28 28 0 0 0-8.201-19.8L701 204.913V372c0 19.882-16.118 36-36 36H359c-19.882 0-36-16.118-36-36V154z m72 0v182h234V154H395z m517 201.51V842c0 55.228-44.772 100-100 100H212c-55.228 0-100-44.772-100-100V182c0-55.228 44.772-100 100-100h426.49a100 100 0 0 1 70.711 29.29l173.51 173.509A100 100 0 0 1 912 355.509zM659.088 608H364.912L316 656.912V870h392V656.912L659.088 608zM530.5 209.5c0-19.882 16.118-36 36-36s36 16.118 36 36v65.164c0 19.883-16.118 36-36 36s-36-16.117-36-36V209.5z"
			p-id="3601"
		></path>
	</svg>
);

export const SaveIcon = (props: IconComponentProps) => (
	<Icon component={SaveSVG} {...props} />
);

const FixedSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M828.342857 348.525714l-179.2-179.2A104.228571 104.228571 0 0 0 475.428571 219.428571a285.988571 285.988571 0 0 1-73.142857 142.628572H274.651429a224.914286 224.914286 0 0 0-181.028572 98.011428l-2.194286 3.291429a83.748571 83.748571 0 0 0 13.897143 99.84l128 128-166.765714 193.462857a44.251429 44.251429 0 0 0 62.171429 62.537143l187.977142-166.765714 113.005715 113.005714a83.017143 83.017143 0 0 0 104.228571 10.971429 219.428571 219.428571 0 0 0 96.914286-182.857143v-111.908572a16.457143 16.457143 0 0 1 4.754286-11.337143 272.457143 272.457143 0 0 1 140.068571-73.142857 104.228571 104.228571 0 0 0 52.297143-175.908571z m-53.394286 79.725715a20.845714 20.845714 0 0 1-15.725714 14.262857 355.108571 355.108571 0 0 0-182.857143 96.914285 109.714286 109.714286 0 0 0-27.794285 84.845715v92.16a139.702857 139.702857 0 0 1-58.88 118.125714L164.205714 512a146.285714 146.285714 0 0 1 118.125715-59.245714c14.262857 0 28.891429-1.828571 43.52-2.194286h42.788571a111.908571 111.908571 0 0 0 90.697143-27.428571 367.908571 367.908571 0 0 0 95.817143-182.857143 20.845714 20.845714 0 0 1 14.628571-15.36 20.48 20.48 0 0 1 20.48 5.12l179.2 179.2a21.942857 21.942857 0 0 1 5.485714 19.017143z"
			p-id="13184"
		></path>
	</svg>
);

export const FixedIcon = (props: IconComponentProps) => (
	<Icon component={FixedSVG} {...props} />
);

const OcrDetectSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M312.483343 921.751314H219.044696a118.968331 118.968331 0 0 1-118.968331-118.713034v-93.693944a51.05937 51.05937 0 0 0-100.076365 0v93.693944A219.299993 219.299993 0 0 0 219.044696 1022.082976h93.438647a51.05937 51.05937 0 1 0 0-100.331662zM801.887402 0.895581h-93.949241a51.05937 51.05937 0 1 0 0 100.331662h93.949241a118.968331 118.968331 0 0 1 118.968331 119.223628v93.438647a51.05937 51.05937 0 1 0 100.331662 0V220.450871A219.55529 219.55529 0 0 0 801.887402 0.895581zM51.05937 363.9277a51.05937 51.05937 0 0 0 51.059369-51.05937V220.195574a118.968331 118.968331 0 0 1 116.925957-118.968331h93.693944a51.05937 51.05937 0 0 0 0-100.331662H219.044696A219.55529 219.55529 0 0 0 0 220.195574v93.438647a51.05937 51.05937 0 0 0 51.05937 50.293479zM970.128025 659.306154a51.05937 51.05937 0 0 0-51.05937 51.05937v93.693943a118.968331 118.968331 0 0 1-118.968331 118.713035h-92.162163a51.05937 51.05937 0 1 0 0 100.331661h93.949241A219.299993 219.299993 0 0 0 1021.187395 803.03828v-93.693944a51.05937 51.05937 0 0 0-51.05937-50.038182zM241.510819 358.311169a139.392079 139.392079 0 0 0-106.458786 43.655762 158.028749 158.028749 0 0 0-40.081605 111.564722 149.85925 149.85925 0 0 0 39.315714 106.458786 136.583814 136.583814 0 0 0 102.11874 41.613387 136.839111 136.839111 0 0 0 104.671708-43.145168A157.007562 157.007562 0 0 0 382.945273 507.915123a153.178109 153.178109 0 0 0-38.294527-107.224677A132.243768 132.243768 0 0 0 241.510819 358.311169z m44.676948 214.449353a56.420604 56.420604 0 0 1-47.995807 21.700232 56.420604 56.420604 0 0 1-47.485214-22.466122 102.118739 102.118739 0 0 1-17.870779-60.505353 98.03399 98.03399 0 0 1 18.381373-62.037135 57.697088 57.697088 0 0 1 48.506401-22.976716 55.144119 55.144119 0 0 1 46.97462 22.210826 104.671708 104.671708 0 0 1 17.360186 63.824212 97.012802 97.012802 0 0 1-17.87078 60.250056zM550.930599 358.311169a150.625141 150.625141 0 0 0-111.820019 44.421652 154.70989 154.70989 0 0 0-43.400465 113.096504 144.753313 144.753313 0 0 0 38.294528 105.692895 141.434454 141.434454 0 0 0 105.182301 40.081606 187.898481 187.898481 0 0 0 82.716179-15.828405l4.340047-2.042375v-73.014898l-11.743655 6.893014a124.329565 124.329565 0 0 1-63.824212 16.849592 72.504305 72.504305 0 0 1-56.931198-22.466122 84.758554 84.758554 0 0 1-20.168451-60.505353 86.545632 86.545632 0 0 1 22.210826-62.547728 76.589055 76.589055 0 0 1 59.484166-23.742607 117.947144 117.947144 0 0 1 59.994759 15.573108l11.743655 6.893014v-76.589054l-5.105937-1.787078a198.110355 198.110355 0 0 0-70.972524-10.977765zM872.859926 446.133285c0-37.783934-18.63667-82.971476-107.224677-82.971475h-105.182302v293.336079h74.801977v-107.479974h10.211874a21.444935 21.444935 0 0 1 13.530733 4.850641 93.94924 93.94924 0 0 1 20.168451 25.529684l45.953433 76.589055h86.800928L851.925584 562.548648a146.029797 146.029797 0 0 0-31.146216-37.018043 91.906866 91.906866 0 0 0 33.954481-25.529685 83.226773 83.226773 0 0 0 18.126077-53.867635z m-76.589055 7.403609a32.677997 32.677997 0 0 1-10.211874 25.529685 39.315715 39.315715 0 0 1-28.082653 9.70128h-22.72142v-65.100696h22.466123c33.699184 0 37.27334 16.083701 37.27334 29.869731z"
			p-id="2611"
		></path>
	</svg>
);

export const OcrDetectIcon = (props: IconComponentProps) => (
	<Icon component={OcrDetectSVG} {...props} />
);

const SelectTextSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1.1em"
		height="1.1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M203.995429 70.948571a73.142857 73.142857 0 0 1 73.142857 73.216v2.998858h454.948571v73.142857H277.211429v5.12a73.142857 73.142857 0 0 1-73.142858 73.142857h-16.310857V721.188571h16.310857a73.142857 73.142857 0 0 1 73.142858 73.142858v5.12h454.948571v73.142857H277.211429v2.998857a73.142857 73.142857 0 0 1-73.142858 73.142857H122.660571a73.142857 73.142857 0 0 1-73.142857-73.142857v-81.188572a73.142857 73.142857 0 0 1 73.142857-73.142857h-8.045714V298.496h8.045714a73.142857 73.142857 0 0 1-73.142857-73.142857V144.237714a73.142857 73.142857 0 0 1 73.142857-73.142857H204.068571z m601.234285 227.620572a73.142857 73.142857 0 0 1-73.069714-73.142857V144.091429a73.142857 73.142857 0 0 1 73.142857-73.142858h81.188572a73.142857 73.142857 0 0 1 73.142857 73.142858v81.188571a73.142857 73.142857 0 0 1-73.142857 73.142857h8.192v422.546286h-8.118858a73.142857 73.142857 0 0 1 73.142858 73.142857v81.334857a73.142857 73.142857 0 0 1-73.142858 73.142857H805.302857a73.142857 73.142857 0 0 1-73.142857-73.142857v-81.261714a73.142857 73.142857 0 0 1 73.142857-73.142857h16.237714V298.422857l-16.237714 0.073143z m-601.234285 495.616H122.660571v81.334857H204.068571v-81.334857z m682.569142 0H805.302857v81.334857h81.188572v-81.334857zM203.995429 144.091429H122.660571v81.188571H204.068571v-81.188571z m682.569142 0H805.302857v81.188571h81.188572v-81.188571z"
			p-id="2526"
		></path>
		<path
			d="M630.710857 343.186286a36.571429 36.571429 0 0 1 0 73.142857h-89.965714v251.904a36.571429 36.571429 0 0 1-72.996572 0l-0.146285-251.904H378.88a36.571429 36.571429 0 0 1 0-73.142857h251.904z"
			fill="#4096ff"
			p-id="2527"
		></path>
	</svg>
);

export const SelectTextIcon = (props: IconComponentProps) => (
	<Icon component={SelectTextSVG} {...props} />
);

const TranslationSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1.5em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M90.352941 873.411765a60.235294 60.235294 0 0 0 60.235294 60.235294h632.470589a30.117647 30.117647 0 0 1 30.117647 30.117647v30.117647a30.117647 30.117647 0 0 1-30.117647 30.117647H120.470588a120.470588 120.470588 0 0 1-120.470588-120.470588V120.470588a120.470588 120.470588 0 0 1 120.470588-120.470588h783.058824a120.470588 120.470588 0 0 1 120.470588 120.470588v150.588236a30.117647 30.117647 0 0 1-30.117647 30.117647h-30.117647a30.117647 30.117647 0 0 1-30.117647-30.117647V150.588235a60.235294 60.235294 0 0 0-60.235294-60.235294H150.588235a60.235294 60.235294 0 0 0-60.235294 60.235294v722.82353z m843.294118-331.294118v-90.352941a30.117647 30.117647 0 0 1 30.117647-30.117647h30.117647a30.117647 30.117647 0 0 1 30.117647 30.117647v90.352941h150.588235a30.117647 30.117647 0 0 1 30.117647 30.117647v240.941177a30.117647 30.117647 0 0 1-30.117647 30.117647h-150.588235v150.588235a30.117647 30.117647 0 0 1-30.117647 30.117647h-30.117647a30.117647 30.117647 0 0 1-30.117647-30.117647v-150.588235h-150.588235a30.117647 30.117647 0 0 1-30.117648-30.117647v-240.941177a30.117647 30.117647 0 0 1 30.117648-30.117647h150.588235z m0 90.352941h-90.352941v120.470588h90.352941v-120.470588z m90.352941 0v120.470588h90.352941v-120.470588h-90.352941z m-613.496471-120.470588h82.522353L451.764706 376.470588 410.503529 512z m-27.497411 90.352941l-30.147765 99.117177a30.117647 30.117647 0 0 1-28.822588 21.353411H283.045647a30.117647 30.117647 0 0 1-28.521412-39.845647l143.841883-421.647058A30.117647 30.117647 0 0 1 426.857412 240.941176h49.814588a30.117647 30.117647 0 0 1 28.491294 20.389648l143.841882 421.647058A30.117647 30.117647 0 0 1 620.483765 722.823529h-40.990118a30.117647 30.117647 0 0 1-28.822588-21.353411L520.523294 602.352941h-137.517176z"
			fill="#2A2A2A"
			p-id="3612"
		></path>
	</svg>
);

export const TranslationIcon = (props: IconComponentProps) => (
	<Icon component={TranslationSVG} {...props} />
);

const BotSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M757.461333 597.333333a96 96 0 0 1 96 96v38.613334a160 160 0 0 1-55.765333 121.429333C730.88 910.72 635.306667 938.666667 512 938.666667c-123.306667 0-218.794667-27.989333-285.482667-85.333334a160 160 0 0 1-55.722666-121.301333v-38.741333A96 96 0 0 1 266.794667 597.333333h490.666666z m0 64h-490.666666a32 32 0 0 0-32 32v38.741334c0 27.946667 12.202667 54.528 33.450666 72.789333C321.92 850.986667 402.773333 874.752 512 874.752c109.226667 0 190.208-23.765333 244.010667-69.973333a96 96 0 0 0 33.450666-72.789334v-38.656a32 32 0 0 0-32-32zM507.648 85.674667L512 85.333333a32 32 0 0 1 31.701333 27.648l0.298667 4.352V149.333333h149.333333a96 96 0 0 1 96 96v192.213334a96 96 0 0 1-96 96h-362.666666a96 96 0 0 1-96-96V245.333333A96 96 0 0 1 330.666667 149.333333h149.333333v-31.957333a32 32 0 0 1 27.648-31.701333L512 85.333333l-4.352 0.298667zM693.333333 213.333333h-362.666666a32 32 0 0 0-32 32v192.213334c0 17.664 14.336 32 32 32h362.666666a32 32 0 0 0 32-32V245.333333a32 32 0 0 0-32-32z m-277.333333 64a53.333333 53.333333 0 1 1 0 106.666667 53.333333 53.333333 0 0 1 0-106.666667z m191.658667 0a53.333333 53.333333 0 1 1 0 106.624 53.333333 53.333333 0 0 1 0-106.624z"
			p-id="1619"
		></path>
	</svg>
);

export const BotIcon = (props: IconComponentProps) => (
	<Icon component={BotSVG} {...props} />
);

const ChatSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M896 685.408V192a32 32 0 0 0-32-32H160c-17.632 0-32 14.336-32 32v668.064l145.984-126.944a64.192 64.192 0 0 1 41.984-15.712H864a32 32 0 0 0 32-32zM864 96c52.928 0 96 43.072 96 96v493.408c0 52.928-43.072 96-96 96H315.968l-145.952 126.944a63.552 63.552 0 0 1-46.464 15.552A64.096 64.096 0 0 1 64 860.064V192c0-52.928 43.072-96 96-96h704z m-204.576 252.576a32 32 0 1 1 0 64H333.696a32 32 0 0 1 0-64h325.76z m-131.776 148.576a32 32 0 1 1 0 64h-193.92a32 32 0 0 1 0-64h193.92z"
			p-id="4441"
		></path>
	</svg>
);

export const ChatIcon = (props: IconComponentProps) => (
	<Icon component={ChatSVG} {...props} />
);

const SidebarSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M197.12 86.4c-17.408 3.413333-22.741333 4.864-32 8.618667-37.589333 15.274667-66.090667 48.512-76.544 89.301333-3.541333 13.952-3.584 641.322667 0 655.232 11.989333 46.890667 44.416 80.042667 93.184 95.488 7.637333 2.389333 41.941333 2.730667 322.56 3.2 213.248 0.341333 317.781333-0.042667 325.674667-1.28 50.773333-7.808 92.458667-46.250667 105.429333-97.28 3.541333-13.994667 3.584-641.365333 0-655.232-13.098667-51.072-53.930667-89.173333-104.277333-97.28-10.496-1.706667-625.536-2.432-634.026667-0.768M341.333333 512v341.333333H274.218667c-76.373333 0-78.293333-0.256-90.837334-12.8-13.824-13.824-12.8 13.994667-12.288-332.032L171.52 200.533333l4.736-8.064c2.602667-4.394667 7.381333-10.069333 10.666667-12.544 11.648-8.874667 13.610667-9.088 86.570666-9.173333L341.333333 170.666667v341.333333m483.84-338.517333c4.906667 1.664 11.221333 5.76 15.402667 9.941333 13.824 13.824 12.757333-13.738667 12.757333 328.576s1.066667 314.752-12.757333 328.576c-13.568 13.568 0.554667 12.757333-218.794667 12.757333H426.666667V170.666667h195.114666c177.109333 0 195.882667 0.256 203.392 2.816"
			p-id="12673"
		></path>
	</svg>
);

export const SidebarIcon = (props: IconComponentProps) => (
	<Icon component={SidebarSVG} {...props} />
);

const TopWindowSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M515.04102 1023.147456a49.66071 49.66071 0 0 1-21.313609-4.475858L79.817117 823.652072a50.086982 50.086982 0 0 1-28.773373-46.676805 51.152662 51.152662 0 0 1 29.412781-45.82426l109.765088-51.152662a37.938225 37.938225 0 0 1 50.300118 19.821657 38.577633 38.577633 0 0 1-18.969112 50.300118l-59.46497 27.707692 353.166507 166.459289 352.527099-166.246153-59.038698-27.28142a39.003905 39.003905 0 0 1-18.969112-50.72639 37.725089 37.725089 0 0 1 21.313609-21.31361 37.08568 37.08568 0 0 1 28.560237 0l109.978224 50.939527A48.595029 48.595029 0 0 1 977.120071 778.040948a50.72639 50.72639 0 0 1-28.560237 45.397988l-413.270885 196.085206a55.62852 55.62852 0 0 1-21.31361 4.475858z"
			p-id="13205"
		></path>
		<path
			d="M514.827884 771.433729a49.66071 49.66071 0 0 1-21.31361-4.475858L79.817117 571.085801A50.086982 50.086982 0 0 1 51.043744 524.408997a51.152662 51.152662 0 0 1 29.412781-45.824261L190.221613 426.366393a37.938225 37.938225 0 0 1 50.300118 21.31361 38.577633 38.577633 0 0 1-18.969112 50.300118l-59.46497 27.707692 353.166507 166.459289 352.313963-166.459289-58.825562-27.707692a39.003905 39.003905 0 0 1-19.182248-50.300118 37.725089 37.725089 0 0 1 21.313609-21.31361 37.08568 37.08568 0 0 1 28.560236 0l109.978225 50.939527a48.595029 48.595029 0 0 1 27.707692 48.168757 50.72639 50.72639 0 0 1-28.560237 45.397988L535.288949 767.384143a55.62852 55.62852 0 0 1-21.31361 4.475858z"
			p-id="13206"
		></path>
		<path
			d="M60.634868 298.484737l436.50272 225.284851a30.265325 30.265325 0 0 0 29.412781 0L963.266225 298.484737a40.282722 40.282722 0 0 0 21.313609-36.872544 40.069586 40.069586 0 0 0-21.313609-36.659408L526.550369 3.504384a32.609822 32.609822 0 0 0-29.412781 0L60.634868 224.952785a41.348402 41.348402 0 0 0-21.313609 37.08568A40.708994 40.708994 0 0 0 60.634868 298.484737z"
			fill="#4096ff"
			p-id="13207"
		></path>
	</svg>
);

export const TopWindowIcon = (props: IconComponentProps) => (
	<Icon component={TopWindowSVG} {...props} />
);

const ScrollScreenshotSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M804.911628 514.381395c-14.288372 0-28.576744-14.288372-28.576744-28.576744v-190.511628l-200.03721 200.03721c-23.813953 23.813953-61.916279 33.339535-95.255814 14.288372L333.395349 438.176744c-9.525581-4.762791-23.813953-4.762791-28.576744 4.762791L176.223256 571.534884v138.12093c0 14.288372 14.288372 28.576744 28.576744 28.576744h328.632558c14.288372 0 28.576744 14.288372 28.576744 28.576744s-14.288372 28.576744-28.576744 28.576745h-333.395349c-47.627907 0-80.967442-38.102326-80.967442-80.967442V152.409302c0-47.627907 38.102326-80.967442 80.967442-80.967442h547.720931c47.627907 0 80.967442 38.102326 80.967441 80.967442v333.395349c4.762791 19.051163-9.525581 28.576744-23.813953 28.576744z m-52.390698-385.786046H200.037209c-14.288372 0-28.576744 14.288372-28.576744 28.576744v338.15814l90.493023-90.493024c23.813953-23.813953 61.916279-33.339535 95.255814-14.288372l147.646512 76.204651c9.525581 4.762791 23.813953 4.762791 33.339535-4.76279l238.139535-242.902326V152.409302c0-14.288372-9.525581-23.813953-23.813954-23.813953z m-333.395349 219.088372c-47.627907 0-80.967442-38.102326-80.967441-80.967442s38.102326-85.730233 80.967441-85.730232c47.627907 0 80.967442 38.102326 80.967442 80.967441s-33.339535 85.730233-80.967442 85.730233z m0-109.544186c-14.288372 0-23.813953 14.288372-23.813953 28.576744s14.288372 28.576744 28.576744 28.576744 28.576744-14.288372 28.576744-28.576744c-4.762791-14.288372-14.288372-28.576744-33.339535-28.576744z m185.748838 438.176744c-9.525581 9.525581-28.576744 9.525581-38.102326 0-9.525581-9.525581-9.525581-28.576744 0-38.102326l95.255814-90.493023c9.525581-9.525581 19.051163-14.288372 33.339535-14.288372 14.288372 0 23.813953 4.762791 33.339535 14.288372l95.255814 90.493023c9.525581 9.525581 9.525581 28.576744 0 38.102326-4.762791 4.762791-14.288372 9.525581-19.051163 9.525581-4.762791 0-14.288372-4.762791-19.051163-9.525581l-61.916279-61.916279V857.302326l66.67907-52.390698c4.762791-4.762791 9.525581-4.762791 19.051163-4.762791s14.288372 4.762791 19.051162 9.525582c9.525581 9.525581 9.525581 23.813953 0 33.339534l-95.255814 80.967442c-9.525581 9.525581-19.051163 14.288372-33.339534 14.288372-14.288372 0-23.813953-4.762791-33.339535-14.288372l-95.255814-80.967442c-9.525581-9.525581-9.525581-23.813953 0-33.339534 9.525581-9.525581 28.576744-9.525581 38.102325 0l57.153489 47.627907v-233.376745l-61.916279 52.390698z"
			p-id="2790"
		></path>
	</svg>
);

export const ScrollScreenshotIcon = (props: IconComponentProps) => (
	<Icon component={ScrollScreenshotSVG} {...props} />
);

const RotateSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M128 384h512a42.666667 42.666667 0 0 1 42.666667 42.666667v384a42.666667 42.666667 0 0 1-42.666667 42.666666H128a42.666667 42.666667 0 0 1-42.666667-42.666666v-384a42.666667 42.666667 0 0 1 42.666667-42.666667z m42.666667 85.333333v298.666667h426.666666v-298.666667H170.666667z"
			p-id="3494"
		></path>
		<path
			d="M548.992 251.008V315.733333a8.533333 8.533333 0 0 1-13.653333 6.826667L387.413333 211.626667a8.533333 8.533333 0 0 1 0-13.653334l147.925334-110.933333a8.533333 8.533333 0 0 1 13.653333 6.826667v71.808a384 384 0 0 1 383.701333 384 42.666667 42.666667 0 1 1-85.333333 0 298.666667 298.666667 0 0 0-298.368-298.666667z"
			p-id="3495"
		></path>
	</svg>
);

export const RotateIcon = (props: IconComponentProps) => (
	<Icon component={RotateSVG} {...props} />
);

const OcrTranslateSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M85.312 213.312a128 128 0 0 1 128-128h85.376a128 128 0 0 1 128 128v256H341.312V362.688H170.688v106.624H85.312v-256z m85.376 64h170.624v-64a42.688 42.688 0 0 0-42.624-42.624H213.312a42.688 42.688 0 0 0-42.624 42.624v64z m341.312-128h256a128 128 0 0 1 128 128V384h-85.312V277.312A42.688 42.688 0 0 0 768 234.688H512V149.312z m256 341.376v64h170.688V640h-45.312a340.224 340.224 0 0 1-93.44 194.688c29.696 12.032 62.08 18.624 96.064 18.624h42.688v85.376H896c-62.208 0-120.448-16.64-170.688-45.696a339.776 339.776 0 0 1-170.624 45.696H512v-85.376h42.688c33.92 0 66.368-6.592 96-18.56a341.888 341.888 0 0 1-63.168-91.136l-18.304-38.528 77.056-36.608 18.368 38.528c14.72 30.976 35.456 58.56 60.672 81.152A255.616 255.616 0 0 0 807.104 640H512V554.688h170.688v-64H768z m-512 64v256c0 23.552 19.072 42.624 42.688 42.624h106.624v85.376H298.688a128 128 0 0 1-128-128v-256H256z"
			p-id="2590"
		></path>
	</svg>
);

export const OcrTranslateIcon = (props: IconComponentProps) => (
	<Icon component={OcrTranslateSVG} {...props} />
);

const ClipboardSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M298.666667 170.666667V85.333333h426.666666v85.333334h128.298667c23.381333 0 42.368 18.986667 42.368 42.368v683.264a42.410667 42.410667 0 0 1-42.368 42.368H170.368A42.368 42.368 0 0 1 128 896.298667V213.034667C128 189.653333 146.986667 170.666667 170.368 170.666667H298.666667z m0 85.333333H213.333333v597.333333h597.333334V256h-85.333334v85.333333H298.666667V256z m85.333333-85.333333v85.333333h256V170.666667H384z"
			p-id="2602"
		></path>
	</svg>
);

export const ClipboardIcon = (props: IconComponentProps) => (
	<Icon component={ClipboardSVG} {...props} />
);

const FastSaveSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M430.262857 137.362286a27.428571 27.428571 0 0 1 25.929143-18.505143h190.537143a27.428571 27.428571 0 0 1 25.746286 36.900571l-71.131429 193.353143H731.428571a27.428571 27.428571 0 0 1 21.284572 44.726857l-317.586286 391.460572a27.428571 27.428571 0 0 1-47.908571-23.954286l54.966857-219.209143H329.142857a27.428571 27.428571 0 0 1-25.929143-36.352l127.049143-368.420571z m45.458286 36.352l-108.105143 313.563428h109.714286a27.428571 27.428571 0 0 1 26.624 34.121143l-33.389715 133.12 203.300572-250.514286h-111.835429a27.428571 27.428571 0 0 1-25.746285-36.937142L607.451429 173.714286h-131.657143z"
			p-id="2604"
		></path>
		<path
			d="M146.285714 640a36.571429 36.571429 0 0 1 36.571429 36.571429V841.142857h658.285714v-164.571428a36.571429 36.571429 0 1 1 73.142857 0V877.714286a36.571429 36.571429 0 0 1-36.571428 36.571428H146.285714a36.571429 36.571429 0 0 1-36.571428-36.571428v-201.142857a36.571429 36.571429 0 0 1 36.571428-36.571429z"
			p-id="2605"
		></path>
	</svg>
);

export const FastSaveIcon = (props: IconComponentProps) => (
	<Icon component={FastSaveSVG} {...props} />
);

const SerialNumberSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 170.666667a341.333333 341.333333 0 1 0 0 682.666666 341.333333 341.333333 0 0 0 0-682.666666zM85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z"
			p-id="47768"
		></path>
		<path
			d="M384 298.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h213.333333a42.666667 42.666667 0 0 1 34.133333 68.266667l-89.088 118.784a170.666667 170.666667 0 1 1-186.837333 281.472 42.666667 42.666667 0 1 1 56.917333-63.573334A85.333333 85.333333 0 1 0 512 512a42.666667 42.666667 0 0 1-34.133333-68.266667L554.666667 341.333333h-128a42.666667 42.666667 0 0 1-42.666667-42.666666z"
			p-id="47769"
		></path>
	</svg>
);

export const SerialNumberIcon = (props: IconComponentProps) => (
	<Icon component={SerialNumberSVG} {...props} />
);

const FullScreenDrawSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M861.098667 736.554667l73.472 146.261333a38.4 38.4 0 0 1-1.706667 37.546667 38.826667 38.826667 0 0 1-32.981333 18.304H512a38.741333 38.741333 0 0 1-33.066667-18.261334 38.4 38.4 0 0 1-1.664-37.589333l10.752-21.333333H221.098667a58.026667 58.026667 0 0 1-58.197334-57.941334V474.453333C116.096 439.168 85.333333 383.829333 85.333333 321.024 85.333333 214.570667 172.373333 128 279.253333 128c63.146667 0 118.698667 30.592 154.154667 77.226667h369.493333a58.026667 58.026667 0 0 1 58.197334 57.898666v473.429334z m-155.178667-136.192l-131.157333 261.12h262.357333l-131.2-261.12zM240.469333 510.122667v274.133333h286.336l144.426667-287.488c13.184-26.154667 56.234667-26.154667 69.376 0l42.922667 85.333333V282.453333h-314.282667a192.64 192.64 0 0 1-52.992 174.933334 194.773333 194.773333 0 0 1-175.786667 52.778666z m38.826667-73.301334a116.053333 116.053333 0 0 0 116.352-115.797333A116.053333 116.053333 0 0 0 279.253333 205.226667a116.053333 116.053333 0 0 0-116.352 115.797333 116.053333 116.053333 0 0 0 116.352 115.797333z"
			p-id="5346"
		></path>
	</svg>
);

export const FullScreenDrawIcon = (props: IconComponentProps) => (
	<Icon component={FullScreenDrawSVG} {...props} />
);

const LaserPointerSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M836.507042 949.002817l129.802817-129.802817c14.422535-14.422535 20.191549-31.729577 20.191549-51.921127s-8.653521-40.383099-20.191549-51.921127L643.24507 389.408451c-14.422535-14.422535-31.729577-23.076056-51.921126-23.076057s-37.498592 8.653521-51.921127 23.076057l-31.729578 31.729577-92.304225-92.304225v-14.422535c0-46.152113-37.498592-80.766197-83.650704-80.766198S250.952113 271.143662 250.952113 317.295775s37.498592 83.650704 80.766197 83.650704c5.769014 0 8.653521 0 14.422535-2.884507l92.304225 92.304225-31.729577 28.845071c-28.84507 28.84507-28.84507 77.88169 0 106.72676L732.664789 951.887324c14.422535 14.422535 31.729577 23.076056 51.921126 23.076056 20.191549-2.884507 37.498592-11.538028 51.921127-25.960563z m-51.921127-80.766197L487.48169 571.132394l103.842254-103.842253 297.104225 297.104225-103.842254 103.842254zM320.180282 158.647887v-115.380281c0-8.653521 8.653521-17.307042 17.307042-17.307043s17.307042 8.653521 17.307042 17.307043v115.380281c0 8.653521-8.653521 17.307042-17.307042 17.307043s-17.307042-5.769014-17.307042-17.307043z"
			p-id="2694"
		></path>
		<path
			d="M320.180282 568.247887v-115.380281c0-8.653521 8.653521-17.307042 17.307042-17.307043s17.307042 8.653521 17.307042 17.307043v115.380281c0 8.653521-8.653521 17.307042-17.307042 17.307043s-17.307042-5.769014-17.307042-17.307043zM484.597183 288.450704h115.380282c8.653521 0 17.307042 8.653521 17.307042 17.307042s-8.653521 17.307042-17.307042 17.307043h-115.380282c-8.653521 0-17.307042-8.653521-17.307042-17.307043s8.653521-17.307042 17.307042-17.307042zM74.997183 288.450704h115.380282c8.653521 0 17.307042 8.653521 17.307042 17.307042s-8.653521 17.307042-17.307042 17.307043h-115.380282c-8.653521 0-17.307042-5.769014-17.307042-17.307043 0-8.653521 8.653521-17.307042 17.307042-17.307042z"
			p-id="2695"
		></path>
		<path
			d="M429.791549 190.377465l49.03662-49.03662c5.769014-5.769014 17.307042-5.769014 23.076056 0 5.769014 5.769014 5.769014 17.307042 0 23.076056l-49.036619 49.03662c-5.769014 5.769014-17.307042 5.769014-23.076057 0-5.769014-5.769014-5.769014-17.307042 0-23.076056zM173.070423 447.098592l49.036619-49.03662c5.769014-5.769014 17.307042-5.769014 23.076057 0 5.769014 5.769014 5.769014 17.307042 0 23.076056l-49.03662 49.03662c-5.769014 5.769014-17.307042 5.769014-23.076056 0-5.769014-5.769014-5.769014-17.307042 0-23.076056z"
			p-id="2696"
		></path>
		<path
			d="M222.107042 213.453521L173.070423 167.301408c-5.769014-8.653521-5.769014-17.307042 0-25.960563 5.769014-5.769014 17.307042-5.769014 23.076056 0l49.03662 49.03662c5.769014 5.769014 5.769014 17.307042 0 23.076056-5.769014 8.653521-17.307042 8.653521-23.076057 0z"
			p-id="2697"
		></path>
	</svg>
);

export const LaserPointerIcon = (props: IconComponentProps) => (
	<Icon component={LaserPointerSVG} {...props} />
);

const MouseThroughSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M335.088941 801.852235H475.858824V56.440471h132.517647v745.411764h140.830117L542.117647 1008.941176zM45.176471 594.823529h289.91247V470.558118H45.176471zM749.206588 594.823529h289.852236V470.558118h-289.852236z"
			p-id="5402"
		></path>
	</svg>
);

export const MouseThroughIcon = (props: IconComponentProps) => (
	<Icon component={MouseThroughSVG} {...props} />
);

const TestChatSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1023.109565 511.332174c0 282.267826-229.064348 511.109565-511.554782 511.109565C229.064348 1022.664348 0 793.822609 0 511.332174 0 229.064348 229.064348 0.222609 511.554783 0.222609c282.490435 0 511.554783 228.841739 511.554782 511.109565z m-93.050435 0c0-230.622609-187.65913-418.281739-418.504347-418.281739-230.845217 0-418.504348 187.65913-418.504348 418.281739s187.65913 418.281739 418.504348 418.281739c230.845217 0 418.504348-187.65913 418.504347-418.281739z"
			p-id="5846"
		></path>
		<path
			d="M743.958261 511.332174c0 282.267826-104.18087 511.109565-232.626087 511.109565S278.706087 793.6 278.706087 511.332174C278.706087 229.064348 382.886957 0.222609 511.109565 0.222609c128.890435 0 232.848696 228.841739 232.848696 511.109565z m-92.827826 0c0-271.582609-99.06087-418.281739-139.575652-418.281739-40.514783 0-139.575652 146.69913-139.575653 418.281739s99.06087 418.281739 139.575653 418.281739c40.514783 0 139.575652-146.476522 139.575652-418.281739z"
			p-id="5847"
		></path>
		<path
			d="M93.050435 279.151304h837.008695v93.050435H93.050435v-93.050435z m0 325.231305h837.008695v93.050434H93.050435v-93.050434z"
			p-id="5848"
		></path>
	</svg>
);

export const TestChatIcon = (props: IconComponentProps) => (
	<Icon component={TestChatSVG} {...props} />
);

const VideoRecordSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M108.032 612.7616c20.3776 0 35.584 11.5712 40.0384 30.0544l1.024 5.7344 0.3072 5.632V762.88c0 53.248 36.864 95.3344 87.7568 102.5536l8.192 0.8704 7.7312 0.256h108.8c24.576 0 41.4208 16.7936 41.4208 41.3696 0 20.3776-11.5712 35.584-30.1056 40.0896l-5.7344 1.024-5.5808 0.3072H253.0816c-97.1776 0-175.5648-71.3216-185.3952-166.3488l-0.768-9.8816-0.256-10.24v-108.8c0-24.576 16.7936-41.3696 41.3696-41.3696zM905.8816 612.7616c20.3776 0 35.584 11.5712 40.0896 30.0544l1.024 5.7344 0.3072 5.632V762.88c0 97.1776-71.3728 175.5648-166.4 185.4464l-9.8816 0.768-10.24 0.256h-108.7488c-24.576 0-41.3696-16.7936-41.3696-41.4208 0-20.3264 11.5712-35.5328 30.0544-40.0384l5.7344-1.024 5.5808-0.3072h108.8c53.248 0 95.3344-36.8128 102.5536-87.7568l0.8704-8.1408 0.256-7.7824v-108.8c0-24.576 16.7936-41.3696 41.3696-41.3696zM442.112 404.6848a129.4848 129.4848 0 1 1 129.4336 224.256 129.4848 129.4848 0 0 1-129.4336-224.256zM361.8816 68.7616c24.576 0 41.4208 16.7936 41.4208 41.3696 0 20.3776-11.5712 35.584-30.1056 40.0896l-5.7344 1.024-5.5808 0.256H253.0816c-53.248 0-95.3344 36.864-102.5536 87.7568l-0.8704 8.192-0.256 7.7312V364.032c0 24.576-16.7936 41.4208-41.3696 41.4208-20.3776 0-35.584-11.5712-40.0896-30.0544l-1.024-5.7856-0.256-5.5808V255.1808c0-97.1776 71.3216-175.5136 166.2976-185.344l9.9328-0.8192 10.24-0.256h108.7488zM760.832 68.7616c97.1776 0 175.5648 71.3216 185.3952 166.2976l0.768 9.9328 0.3072 10.24v108.7488c0 24.576-16.8448 41.4208-41.4208 41.4208-20.3776 0-35.584-11.5712-40.0384-30.0544l-1.024-5.7856-0.3072-5.5808V255.1808c0-53.248-36.864-95.2832-87.7568-102.5536l-8.1408-0.8192-7.7824-0.3072h-108.8c-24.576 0-41.3696-16.7936-41.3696-41.3696 0-20.3776 11.5712-35.584 30.0544-40.0384l5.7344-1.024 5.5808-0.3072h108.8z"
			p-id="5260"
		></path>
	</svg>
);

export const VideoRecordIcon = (props: IconComponentProps) => (
	<Icon component={VideoRecordSVG} {...props} />
);

const StartRecordSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M511.991992 511.991992m-239.658893 0a239.658893 239.658893 0 1 0 479.317786 0 239.658893 239.658893 0 1 0-479.317786 0Z"
			p-id="5687"
		></path>
		<path
			d="M511.991992 1024C229.680447 1024 0 794.319553 0 511.991992S229.680447 0 511.991992 0s511.991992 229.680447 511.991991 511.991992-229.680447 512.008008-511.991991 512.008008z m0-946.911298c-239.819061 0-434.855239 195.084229-434.855239 434.90329s195.036178 434.935323 434.855239 434.935323 434.855239-195.116262 434.855239-434.935323S751.811052 77.088702 511.991992 77.088702z"
			p-id="5688"
		></path>
	</svg>
);

export const StartRecordIcon = (props: IconComponentProps) => (
	<Icon component={StartRecordSVG} {...props} />
);

const MicrophoneSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M469.632 808.064A341.376 341.376 0 0 1 170.666667 469.333333h85.333333a256 256 0 0 0 256 256h1.749333A256 256 0 0 0 768 469.333333h85.333333a341.376 341.376 0 0 1-298.368 338.645334l0.426667 130.56-85.333333 0.256-0.426667-130.730667zM512 128a85.333333 85.333333 0 0 0-85.333333 85.333333v256a85.333333 85.333333 0 1 0 170.666666 0V213.333333a85.333333 85.333333 0 0 0-85.333333-85.333333z m0-85.333333a170.666667 170.666667 0 0 1 170.666667 170.666666v256a170.666667 170.666667 0 1 1-341.333334 0V213.333333a170.666667 170.666667 0 0 1 170.666667-170.666666z"
			p-id="6889"
		></path>
		<path
			d="M341.333333 981.333333v-85.333333h341.333334v85.333333z"
			p-id="6890"
		></path>
	</svg>
);

export const MicrophoneIcon = (props: IconComponentProps) => (
	<Icon component={MicrophoneSVG} {...props} />
);

export const SystemAudioSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 704a192 192 0 1 1 0-384 192 192 0 0 1 0 384zM512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 896A384 384 0 1 0 512 128a384 384 0 0 0 0 768z"
			p-id="3166"
		></path>
	</svg>
);

export const SystemAudioIcon = (props: IconComponentProps) => (
	<Icon component={SystemAudioSVG} {...props} />
);

export const StopRecordSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M832 896H192a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64z m-576-128h512V256H256v512z"
			p-id="3023"
		></path>
	</svg>
);

export const StopRecordIcon = (props: IconComponentProps) => (
	<Icon component={StopRecordSVG} {...props} />
);

export const ResumeRecordSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M284.444444 279.552L677.831111 512 284.444444 744.448V279.552zM227.555556 113.777778a56.888889 56.888889 0 0 0-56.888889 56.888889v682.666666a56.888889 56.888889 0 0 0 56.888889 56.888889l601.258666-355.328a49.834667 49.834667 0 0 0 0-85.788444L227.555556 113.777778z"
			p-id="4365"
		></path>
	</svg>
);

export const ResumeRecordIcon = (props: IconComponentProps) => (
	<Icon component={ResumeRecordSVG} {...props} />
);

export const FolderSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M960.2 420.7V279.8c0-19.9-16.1-36-36-36H590L472.3 136.9c-6.6-6-15.2-9.3-24.2-9.3H100.3c-19.9 0-36 16.1-36 36v259c-0.1 1-0.1 2.1-0.1 3.2v433.9c0 9.6 3.8 18.8 10.6 25.5 6.7 6.7 15.9 10.5 25.4 10.5h0.2l824.1-4c19.8-0.1 35.8-16.2 35.8-36V421.8c-0.1-0.4-0.1-0.7-0.1-1.1z m-72 399.1l-752.1 3.7V429c0.1-1 0.1-2.1 0.1-3.2V199.6h297.9l117.7 106.8c6.6 6 15.2 9.3 24.2 9.3h312.1v504.1z"
			p-id="5892"
		></path>
		<path
			d="M765.1 412.2h-128c-19.9 0-36 16.1-36 36s16.1 36 36 36h128c19.9 0 36-16.1 36-36s-16.1-36-36-36z"
			p-id="5893"
		></path>
	</svg>
);

export const FolderIcon = (props: IconComponentProps) => (
	<Icon component={FolderSVG} {...props} />
);

export const FocusedWindowSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M972.8 51.2H51.2a51.2 51.2 0 0 0-51.2 51.2v819.2a51.2 51.2 0 0 0 51.2 51.2h921.6a51.2 51.2 0 0 0 51.2-51.2V102.4a51.2 51.2 0 0 0-51.2-51.2z m-51.2 102.4v204.8H102.4V153.6zM102.4 870.4V460.8h819.2v409.6z"
			p-id="8813"
		></path>
		<path
			d="M153.6 204.8h102.4v102.4H153.6zM307.2 204.8h102.4v102.4H307.2z"
			p-id="8814"
		></path>
	</svg>
);

export const FocusedWindowIcon = (props: IconComponentProps) => (
	<Icon component={FocusedWindowSVG} {...props} />
);

export const ToolSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M814.933333 1009.066667c-38.4 0-74.666667-14.933333-104.533333-42.666667l-258.133333-256 76.8-76.8 12.8 12.8 29.866666-29.866667 46.933334 46.933334-46.933334 46.933333 196.266667 196.266667c23.466667 23.466667 64 23.466667 89.6 0l53.333333-53.333334c25.6-25.6 25.6-64 0-89.6l-196.266666-196.266666-46.933334 46.933333-46.933333-46.933333 29.866667-29.866667-10.666667-14.933333 76.8-76.8 256 258.133333c57.6 57.6 57.6 151.466667 0 209.066667l-53.333333 53.333333c-29.866667 29.866667-66.133333 42.666667-104.533334 42.666667zM328.533333 490.666667l-85.333333-83.2-113.066667-59.733334L6.4 189.866667 196.266667 0l157.866666 123.733333 59.733334 115.2 89.6 87.466667-59.733334 61.866667-130.133333-130.133334 10.666667-8.533333-36.266667-70.4-85.333333-64-81.066667 81.066667 64 85.333333 70.4 36.266667 8.533333-10.666667 123.733334 123.733333z"
			p-id="10021"
		></path>
		<path
			d="M179.2 1009.066667c-29.866667 0-57.6-10.666667-81.066667-34.133334l-53.333333-53.333333c-44.8-44.8-44.8-117.333333 0-162.133333l452.266667-452.266667c-12.8-83.2 12.8-166.4 72.533333-226.133333C650.666667 0 772.266667-19.2 874.666667 34.133333l51.2 27.733334-149.333334 149.333333 32 32 149.333334-149.333333 27.733333 51.2c53.333333 102.4 34.133333 224-46.933333 305.066666-59.733333 59.733333-145.066667 85.333333-226.133334 72.533334L260.266667 977.066667c-21.333333 21.333333-51.2 32-81.066667 32z m576-917.333334c-44.8 0-89.6 17.066667-123.733333 51.2-44.8 44.8-61.866667 108.8-44.8 168.533334l6.4 23.466666L106.666667 821.333333c-10.666667 10.666667-10.666667 29.866667 0 40.533334l53.333333 53.333333c10.666667 10.666667 29.866667 10.666667 40.533333 0l486.4-486.4 23.466667 6.4c59.733333 17.066667 125.866667-2.133333 168.533333-44.8 38.4-38.4 57.6-93.866667 51.2-145.066667L810.666667 364.8 657.066667 213.333333l119.466666-119.466666c-6.4-2.133333-14.933333-2.133333-21.333333-2.133334z"
			p-id="10022"
		></path>
	</svg>
);

export const ToolIcon = (props: IconComponentProps) => (
	<Icon component={ToolSvg} {...props} />
);

export const ShadowSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M597.162667 287.914667a53.248 53.248 0 1 1-106.496 0 53.248 53.248 0 0 1 106.496 0zM85.333333 224A138.666667 138.666667 0 0 1 224 85.333333h384a138.666667 138.666667 0 0 1 138.666667 138.666667v384a138.666667 138.666667 0 0 1-138.666667 138.666667h-384A138.666667 138.666667 0 0 1 85.333333 608v-384zM224 149.333333A74.666667 74.666667 0 0 0 149.333333 224v384c0 9.856 1.92 19.242667 5.376 27.861333l195.712-183.04a96 96 0 0 1 131.157334 0l195.712 183.04c3.456-8.576 5.376-18.005333 5.376-27.861333v-384a74.666667 74.666667 0 0 0-74.666667-74.666667h-384z m406.058667 530.005334l-192.213334-179.797334a32 32 0 0 0-43.733333 0l-192.170667 179.797334c6.954667 2.133333 14.378667 3.328 22.058667 3.328h384c7.68 0 15.104-1.152 22.058667-3.328zM277.290667 800v-10.666667H618.666667a170.666667 170.666667 0 0 0 170.666666-170.666666v-341.333334h10.624a138.666667 138.666667 0 0 1 138.666667 138.666667v298.666667c0 123.733333-100.266667 224-224 224h-298.666667a138.666667 138.666667 0 0 1-138.666666-138.666667z"
			p-id="5017"
		></path>
	</svg>
);

export const ShadowIcon = (props: IconComponentProps) => (
	<Icon component={ShadowSvg} {...props} />
);

export const WatermarkSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M945.4 111.1c-3.9-14.6-14.7-26.2-28.9-31-18.2-6.2-35-1.8-50 13.3C804 156.2 740.4 220 678.9 281.8l-72.3 72.6-17.3 17.4c-11.3 11.4-22.6 22.7-34 34.1-10 10-14.8 21.1-14.5 33.7 0 21.2 13.7 38.9 34 44 4.1 1 8 1.5 11.8 1.5 12.4 0 23.7-5.3 34.3-16 70-70.4 141.2-141.9 210.1-211l87.6-87.9c1.3-1.4 2.7-2.7 4.1-4 4.5-4.4 9.1-9 13.3-13.8 9.8-11.3 13.3-26.8 9.4-41.3zM623 109.3C619 94 607.5 82 592.4 77.4c-17.6-5.4-33.8-0.8-48.2 13.7-90.8 91.2-183.1 183.9-272.4 273.5l-98.7 99.1c-9.6 9.6-19.2 19.3-28.8 28.9-15.7 15.8-31.9 32.1-48 48.1-10.2 10.2-14.7 21.5-14.6 36.5-0.1 18.7 14 36 33.4 41.1 4.3 1.1 8.4 1.7 12.5 1.7 12.2 0 23.4-5.1 33.5-15.1C245.4 520.2 329.7 435.6 414 351c46.5-46.6 92.9-93.3 139.4-140 5.3-5.4 10.7-10.7 16.1-16 14.2-14.1 28.8-28.7 42.8-43.4 10.6-11.5 14.6-27.2 10.7-42.3zM941.4 440.8c-1.6-5.3-3.3-10.7-6.3-15.6-6.9-11.4-18.6-18.9-31.9-20.5-14.8-1.8-29.9 3.8-41.2 15.2-109.6 110.5-221.3 222.6-329.3 331-35.9 36-71.8 72-107.6 108l-0.7 0.7c-1.4 1.4-2.7 2.8-4.1 4.3-9.4 10.7-13 25.1-10 39.3 3.1 14.3 12.3 25.8 25.3 31.8 6.4 2.9 12.8 4.3 19.2 4.3 12.1 0 23.7-5.1 33.7-15.1 45.3-45.5 90.6-90.9 135.9-136.4 40.6-40.8 81.3-81.6 121.9-122.4 64.5-64.7 122.6-123.1 180.7-181.2 9.6-9.6 14.6-19.9 15.3-31.4-0.1 0.1-0.2-9.6-0.9-12zM474.2 549.1c-18.2-18.2-46-17.8-64.6 0.7-35.6 35.6-71.8 71.8-106.7 106.9l-11.3 11.4-64.8 65.1C184.2 776.1 140 820.4 96.6 864c-10.2 10.2-15.1 21.4-15 34.1 0 14.3 6.3 27.5 17.3 36 8.4 6.5 17.9 9.7 27.5 9.7 12.1 0 24.4-5.2 34.5-15.3 88.7-89 177.4-178.1 266.1-267.1l45.6-45.8c1.2-1.2 2.4-2.4 3.5-3.7 16.1-18.1 15.3-45.7-1.9-62.8zM945.2 770.6c-0.4-1.6-0.7-3.1-1-4.8-0.8-3.8-1.5-7.7-3-11.4-5.7-14.3-17.6-24.3-32.5-27.4-15.1-3.1-30.8 1.7-42 12.8-25.8 25.6-51.8 51.8-77 77.2-10.1 10.2-20.2 20.3-30.3 30.5-7.6 7.7-15.3 15.4-22.9 23-10 10.1-14.7 22.5-13.5 35.7 1.7 19.1 11.8 32.8 29.4 39.4 5.7 2.2 11.4 3.2 16.9 3.2 11.4 0 22.1-4.6 31.1-13.6 43.9-43.7 87.4-87.6 131.8-132.4 7.8-7.9 12.1-18 13.1-30.8l0.1-0.7-0.2-0.7zM285.7 91.3c-18.3-18.3-46.1-18.3-64.6 0.1-38.1 37.9-76.6 76.7-113.9 114.1L90 223c-7.8 7.8-12.5 18.3-12.9 28.8v0.2c-0.1 20.7 10.3 37.6 28 45 5.8 2.4 11.8 3.6 17.7 3.6 11.6 0 22.9-4.6 31.7-13.4 51.5-51.5 93.1-93.1 130.7-131 18.2-18.5 18.5-46.9 0.5-64.9z"
			p-id="9782"
		></path>
	</svg>
);

export const WatermarkIcon = (props: IconComponentProps) => (
	<Icon component={WatermarkSVG} {...props} />
);

export const PickColorSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M869.76 122.837333a128 128 0 0 0-181.034667 0L598.186667 213.333333l-30.165334-30.208A42.666667 42.666667 0 1 0 507.733333 243.541333l241.365334 241.322667A42.666667 42.666667 0 0 0 809.386667 424.533333l-30.165334-30.165333 90.538667-90.538667a128 128 0 0 0 0-180.992zM509.013333 302.549333L177.152 634.453333a128.042667 128.042667 0 0 0-25.045333 145.706667L85.333333 846.933333l60.330667 60.373334 66.773333-66.816a128.042667 128.042667 0 0 0 145.706667-25.002667l331.861333-331.861333L509.013333 302.506667z m60.330667 181.034667L297.813333 755.114667a42.666667 42.666667 0 0 1-60.330666-60.373334L509.013333 423.253333l60.330667 60.330667z"
			p-id="6904"
		></path>
	</svg>
);

export const PickColorIcon = (props: IconComponentProps) => (
	<Icon component={PickColorSVG} {...props} />
);

const FilterIconSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1012.992 677.376c-3.584-59.648-24.064-116.48-59.392-164.864-34.56-47.36-81.408-83.968-135.68-105.728 16.384-61.44 13.824-125.44-7.68-185.6-21.76-60.928-61.184-112.896-114.176-150.272-52.992-37.376-115.2-57.088-179.968-57.088-64.768 0-126.976 19.712-179.968 57.088-52.992 37.376-92.416 89.344-114.176 150.272-21.504 59.904-24.064 123.904-7.68 185.344-54.272 22.016-101.12 58.368-135.68 105.728C43.52 560.384 23.04 617.472 19.456 677.12c-3.584 59.648 9.728 118.528 38.912 170.752 28.928 52.224 72.192 94.72 124.672 123.136 52.48 28.416 111.616 40.96 171.264 36.608 58.624-4.352 114.432-24.832 161.792-59.648 47.36 34.816 103.168 55.552 161.792 59.904 7.68 0.512 15.36 0.768 23.296 0.768 51.712 0 102.4-12.8 148.224-37.376 52.48-28.416 95.744-70.912 124.672-123.136 29.184-51.968 42.496-111.104 38.912-170.752zM492.8 618.496c8.704-23.04-3.072-48.896-26.112-57.6-5.12-2.048-10.496-2.816-15.616-2.816-18.176 0-35.328 11.008-41.984 28.928-13.056 35.328-19.712 72.192-19.712 109.824 0 67.328 22.016 133.632 62.464 187.392-92.16 59.392-215.296 42.24-287.744-40.448-73.472-83.456-73.472-209.664-0.512-293.632C236.8 466.432 361.728 449.536 454.4 510.976c13.312 9.472 30.72 11.008 45.312 3.84 14.592-7.168 24.32-21.504 25.344-37.888 0.768-16.384-7.168-31.744-20.992-40.448-59.392-39.68-131.328-57.6-202.496-50.944-25.856-93.44 11.008-191.744 92.16-245.248 82.176-54.016 188.16-48.384 264.192 14.08 75.776 62.464 101.888 165.376 64.768 256-2.816 4.096-4.864 8.704-6.144 13.568-28.928 58.88-81.92 101.888-145.408 118.016-11.52 2.816-21.248 10.24-27.392 20.48-6.144 10.24-7.936 22.272-4.864 34.048 6.144 24.064 30.464 38.4 54.528 32.512 39.936-9.984 76.8-27.648 109.824-52.224 32.256-24.064 59.136-53.504 79.872-87.552 103.68 40.448 161.536 151.808 135.168 260.352C891.648 858.88 787.2 931.328 675.328 917.76c-111.872-13.568-196.096-108.544-196.096-220.928-0.512-27.136 4.096-53.248 13.568-78.336z"
			p-id="5011"
		></path>
	</svg>
);

export const FilterIcon = (props: IconComponentProps) => (
	<Icon component={FilterIconSVG} {...props} />
);

export const FullScreenIconSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M1024 720V144c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v576c0 35.3 28.7 64 64 64h312c4.4 0 8 3.6 8 8v84c0 2.2-1.8 4-4 4h-60c-17.7 0-32 14.3-32 32v32h448v-32c0-17.7-14.3-32-32-32h-60c-2.2 0-4-1.8-4-4v-84c0-4.4 3.6-8 8-8h312c35.3 0 64-28.7 64-64zM572 880H452c-2.2 0-4-1.8-4-4v-52c0-4.4 3.6-8 8-8h112c4.4 0 8 3.6 8 8v52c0 2.2-1.8 4-4 4zM64 704V160c0-8.8 7.2-16 16-16h864c8.8 0 16 7.2 16 16v544c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16z"
			p-id="5271"
		></path>
	</svg>
);

export const FullScreenIcon = (props: IconComponentProps) => (
	<Icon component={FullScreenIconSvg} {...props} />
);

export const HighlightSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M192.661333 725.333333a386.133333 386.133333 0 0 0 77.952 85.333334H512v85.333333c212.074667 0 384-171.925333 384-384S724.074667 128 512 128v85.333333H270.613333a386.133333 386.133333 0 0 0-77.952 85.333334H512v85.333333H149.845333a381.76 381.76 0 0 0-19.498666 85.333333H512v85.333334H130.346667c3.264 29.589333 9.898667 58.154667 19.498666 85.333333H512v85.333333H192.661333zM512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z"
			p-id="17326"
		></path>
	</svg>
);

export const HighlightIcon = (props: IconComponentProps) => (
	<Icon component={HighlightSVG} {...props} />
);

const NoneSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333z m278.058667 193.834667L279.168 790.058667A362.666667 362.666667 0 0 0 790.058667 279.168zM512 149.333333a362.666667 362.666667 0 0 0-278.058667 595.498667L744.832 233.941333A361.216 361.216 0 0 0 512 149.333333z"
			p-id="4640"
		></path>
	</svg>
);

export const NoneIcon = (props: IconComponentProps) => (
	<Icon component={NoneSvg} {...props} />
);

export const PersonalizationSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path d="M328.988444 24.007111c-27.079111 11.946667-51.313778 28.444444-71.964444 48.924445A234.951111 234.951111 0 0 0 208.213333 145.635556a224.938667 224.938667 0 0 0-18.488889 90.737777l0.512 15.872 0.398223 4.323556h-44.714667A140.743111 140.743111 0 0 0 5.688889 396.515556v105.472c-0.341333 23.153778 5.745778 46.592 17.635555 67.185777 16.042667 25.884444 41.415111 42.211556 69.973334 45.795556a121.173333 121.173333 0 0 0 59.790222-9.784889l25.372444-12.174222 8.078223-2.901334a47.786667 47.786667 0 0 1 38.968889-0.455111 46.648889 46.648889 0 0 1 16.042666 10.638223 51.655111 51.655111 0 0 1 15.473778 37.376 49.208889 49.208889 0 0 1-14.677333 36.408888 46.933333 46.933333 0 0 1-16.042667 11.036445c-16.668444 7.338667-26.339556 7.736889-34.986667 3.299555l-11.946666-6.030222-4.778667-2.958222 4.608 3.527111a102.286222 102.286222 0 0 0-125.610667-3.982222c-29.013333 23.665778-44.145778 45.681778-47.388444 79.701333l-0.284445 2.56-0.227555 118.101334c-0.682667 37.091556 14.791111 73.614222 42.496 99.555555a135.850667 135.850667 0 0 0 97.848889 39.480889h484.124444a135.111111 135.111111 0 0 0 99.271111-41.528889l7.395556-7.793778c21.048889-24.462222 33.052444-56.888889 32.654222-90.453333v-11.776l6.485333 0.682667a223.914667 223.914667 0 0 0 176.355556-66.161778c20.081778-20.138667 36.408889-44.088889 47.900444-70.428445 12.174222-28.444444 18.204444-58.709333 18.033778-89.201777a224.711111 224.711111 0 0 0-17.635555-87.381334 233.244444 233.244444 0 0 0-48.241778-72.021333 230.286222 230.286222 0 0 0-72.135111-48.469333l-12.515556-5.006223a219.022222 219.022222 0 0 0-91.704889-12.515555l-6.485333 0.682667v-20.195556a139.036444 139.036444 0 0 0-40.277333-98.702222l-7.964445-7.566222a136.078222 136.078222 0 0 0-68.778666-32.199112l-6.826667-0.853333 0.682667-6.997333A230.798222 230.798222 0 0 0 508.188444 24.234667a227.214222 227.214222 0 0 0-179.2-0.227556zM108.088889 880.184889l0.056889-111.502222 0.170666-0.967111a4.152889 4.152889 0 0 1 1.137778-1.934223l4.437334-4.039111 15.303111 9.784889 15.872 8.135111c38.286222 19.740444 79.701333 18.033778 121.287111-0.398222 17.408-7.054222 34.417778-18.488889 48.64-32.995556 13.539556-13.368889 24.860444-30.037333 32.597333-48.412444a149.617778 149.617778 0 0 0 11.889778-60.188444 151.438222 151.438222 0 0 0-11.946667-59.960889 148.252444 148.252444 0 0 0-33.166222-49.493334 146.318222 146.318222 0 0 0-48.981333-32.995555l-10.638223-4.039111a149.845333 149.845333 0 0 0-100.295111 1.422222l-6.428444 2.616889 3.811555-1.137778c-4.209778 1.137778-8.305778 2.56-12.344888 4.209778l-18.147556 8.419555-11.776 5.745778-0.568889-2.048a32.597333 32.597333 0 0 1-0.853333-7.736889V396.743111a38.172444 38.172444 0 0 1 38.001778-37.774222h190.236444l-33.109333-72.476445a115.086222 115.086222 0 0 1-11.207111-50.232888c-0.113778-17.635556 3.356444-34.531556 10.126222-50.176 6.599111-15.36 15.815111-29.127111 27.420444-40.846223l7.054222-6.542222c7.395556-6.257778 15.530667-11.832889 24.234667-16.497778l8.419556-4.039111a124.472889 124.472889 0 0 1 97.962666 0c14.563556 6.428444 28.387556 15.872 40.106667 27.534222a128.398222 128.398222 0 0 1 26.396444 141.653334l-31.232 71.68h128.113778a34.417778 34.417778 0 0 1 25.315556 10.524444 37.376 37.376 0 0 1 11.207111 26.737778v171.235556l75.662222-38.172445 9.386667-4.209778c26.055111-10.353778 58.709333-9.898667 87.608889 2.673778 15.189333 6.485333 28.672 15.530667 40.106666 26.794667 10.922667 11.093333 20.024889 24.746667 26.453334 39.708444 6.257778 14.791111 9.557333 31.118222 9.500444 47.559111 0.113778 16.952889-3.185778 33.223111-9.671111 48.355556a128.284444 128.284444 0 0 1-65.991111 65.877333 119.580444 119.580444 0 0 1-98.076445-1.991111l-75.036444-39.480889v164.408889a34.816 34.816 0 0 1-10.296889 25.6 34.247111 34.247111 0 0 1-25.6 11.264H145.464889a35.157333 35.157333 0 0 1-25.770667-10.353778 33.507556 33.507556 0 0 1-11.662222-25.372444z"></path>
	</svg>
);

export const PersonalizationIcon = (props: IconComponentProps) => (
	<Icon component={PersonalizationSvg} {...props} />
);

export const DragWindowSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M682.666667 554.666667l297.130666 173.312-126.848 36.266666 90.666667 157.056-73.898667 42.666667-90.666666-157.013333-94.848 91.733333L682.666667 554.666667z m-85.333334-298.666667h85.333334v85.333333h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666667h-85.333334v-128H426.666667v426.666666h170.666666v85.333334H384a42.666667 42.666667 0 0 1-42.666667-42.666667v-213.333333H256v-85.333334h85.333333V384a42.666667 42.666667 0 0 1 42.666667-42.666667h213.333333V256zM170.666667 597.333333v85.333334H85.333333v-85.333334h85.333334z m0-170.666666v85.333333H85.333333v-85.333333h85.333334z m0-170.666667v85.333333H85.333333V256h85.333334z m0-170.666667v85.333334H85.333333V85.333333h85.333334z m170.666666 0v85.333334H256V85.333333h85.333333z m170.666667 0v85.333334h-85.333333V85.333333h85.333333z m170.666667 0v85.333334h-85.333334V85.333333h85.333334z"
			p-id="8652"
		></path>
	</svg>
);

export const DragWindowIcon = (props: IconComponentProps) => (
	<Icon component={DragWindowSvg} {...props} />
);

export const SaveToCloudSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M554.688 500.352v256H469.312v-256h-128L512 314.24l170.688 186.24h-128zM1024 640.192C1024 782.912 919.872 896 787.648 896h-512C123.904 896 0 761.6 0 597.504 0 451.968 94.656 331.52 226.432 302.976 284.16 195.456 391.808 128 512 128c152.32 0 282.112 108.416 323.392 261.12C941.888 413.44 1024 519.04 1024 640.192z m-259.2-205.312c-24.448-129.024-128.896-222.72-252.8-222.72-97.28 0-183.04 57.344-224.64 147.456l-9.28 20.224-20.928 2.944c-103.36 14.4-178.368 104.32-178.368 214.72 0 117.952 88.832 214.4 196.928 214.4h512c88.32 0 157.504-75.136 157.504-171.712 0-88.064-65.92-164.928-144.96-171.776l-29.504-2.56-5.888-30.976z"
			p-id="5209"
		></path>
	</svg>
);

export const SaveToCloudIcon = (props: IconComponentProps) => (
	<Icon component={SaveToCloudSvg} {...props} />
);

export const FilterFreeDrawSvg = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M977.454545 276.014545c0-12.567273-5.12-24.203636-13.498181-33.047272l-182.923637-182.923637c-18.152727-18.152727-47.476364-18.152727-65.629091 0l-136.378181 136.378182-451.956364 451.956364c-33.978182 33.978182-56.32 77.265455-63.301818 122.88l-14.894546 95.418182c-5.12 31.650909 4.654545 61.905455 26.065455 83.316363 17.687273 17.687273 41.425455 27.461818 67.025454 27.461818 5.585455 0 10.705455-0.465455 16.290909-1.396363l95.418182-14.894546c45.149091-6.981818 88.901818-29.789091 122.88-63.767272L963.956364 309.061818c8.378182-8.843636 13.498182-20.48 13.498181-33.047273zM309.527273 831.767273c-20.014545 20.014545-45.149091 33.512727-71.214546 37.236363L142.894545 884.363636H140.101818s-0.465455-1.396364 0-3.258181l14.894546-95.418182c4.189091-26.065455 17.221818-51.2 37.236363-71.214546l418.909091-418.909091 117.294546 117.294546-418.909091 418.909091zM794.530909 346.763636l-117.294545-117.294545 70.749091-70.749091 117.294545 117.294545-70.749091 70.749091zM956.509091 620.916364l-40.029091-11.636364c-4.654545-1.396364-8.378182-5.585455-9.309091-10.24l-9.774545-60.509091c-2.327273-13.032727-20.014545-14.894545-24.669091-2.792727l-19.083637 49.338182c-1.396364 3.723636-4.654545 6.981818-8.843636 7.912727l-60.509091 15.36c-12.101818 2.792727-13.498182 19.549091-1.861818 24.669091l54.923636 24.203636c3.723636 1.396364 6.050909 4.654545 7.447273 8.378182l14.894545 53.061818c3.258182 11.636364 19.549091 13.032727 24.203637 1.861818l22.341818-49.803636c1.396364-3.258182 3.723636-5.585455 6.981818-6.981818l45.149091-17.687273c10.705455-5.12 9.774545-21.876364-1.861818-25.134545zM747.985455 788.48l-20.48-6.981818c-2.327273-0.930909-4.189091-2.792727-4.654546-5.585455l-3.723636-31.650909c-0.930909-6.981818-10.24-8.378182-13.032728-1.861818l-11.170909 25.134545c-0.930909 1.861818-2.792727 3.258182-4.654545 3.723637l-31.650909 6.516363c-6.516364 1.396364-7.447273 9.774545-1.396364 12.567273l27.927273 13.498182c1.861818 0.930909 3.258182 2.327273 3.723636 4.654545l6.516364 27.927273c1.396364 6.050909 9.774545 6.981818 12.567273 1.396364l12.567272-25.6c0.930909-1.396364 2.327273-2.792727 3.723637-3.258182l23.738182-8.378182c6.050909-1.396364 6.050909-9.774545 0-12.101818zM239.709091 178.269091l40.96 9.774545c2.792727 0.465455 4.654545 2.327273 6.050909 5.12l16.756364 34.443637c3.723636 7.447273 14.894545 6.516364 17.221818-1.861818l9.309091-37.236364c0.465455-2.327273 1.861818-4.189091 4.189091-5.585455l28.858181-17.687272c7.447273-4.654545 4.654545-15.825455-3.723636-16.756364l-28.858182-3.258182c-3.258182-0.465455-6.516364-2.792727-7.447272-6.050909l-13.963637-40.494545c-3.258182-8.843636-15.825455-7.912727-17.687273 1.396363L283.927273 136.378182c-0.465455 2.792727-2.327273 5.12-5.12 6.516363l-40.029091 17.687273c-8.378182 4.189091-7.447273 15.36 0.930909 17.687273z"
			p-id="17373"
		></path>
	</svg>
);

export const FilterFreeDrawIcon = (props: IconComponentProps) => (
	<Icon component={FilterFreeDrawSvg} {...props} />
);

export const LockAspectRatioSVG = () => (
	<svg
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		width="1em"
		height="1em"
		fill="currentColor"
		aria-hidden="true"
	>
		<path
			d="M362.24 424.021333a31.274667 31.274667 0 0 1-31.786667 30.805334A31.274667 31.274667 0 0 1 298.666667 424.021333V292.053333C298.666667 177.92 394.197333 85.333333 512 85.333333s213.333333 92.586667 213.333333 206.72v131.968a31.274667 31.274667 0 0 1-31.786666 30.805334 31.274667 31.274667 0 0 1-31.744-30.805334V292.053333c0-80.170667-67.072-145.152-149.802667-145.152S362.24 211.882667 362.24 292.053333v131.968z m0 175.957334v131.968c0 80.170667 67.029333 145.152 149.76 145.152 82.730667 0 149.76-64.981333 149.76-145.152v-131.968c0-17.024 14.250667-30.805333 31.786667-30.805334 17.578667 0 31.786667 13.781333 31.786666 30.805334v131.968C725.333333 846.08 629.802667 938.666667 512 938.666667s-213.333333-92.586667-213.333333-206.72v-131.968c0-17.024 14.208-30.805333 31.786666-30.805334 17.536 0 31.744 13.781333 31.744 30.805334z m117.589333-263.637334c0-16.981333 14.208-30.762667 31.786667-30.762666 17.493333 0 31.744 13.781333 31.744 30.762666v353.621334a31.274667 31.274667 0 0 1-31.744 30.805333 31.274667 31.274667 0 0 1-31.786667-30.805333V336.341333z"
			p-id="6483"
		></path>
	</svg>
);

export const LockAspectRatioIcon = (props: IconComponentProps) => (
	<Icon component={LockAspectRatioSVG} {...props} />
);
